templates/frontend/component/list.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block body %}
  4.     {% include 'frontend/partials/_breadcrumb.html.twig' %}
  5.     <section class="space-1">
  6.         <div class="container">
  7.             <div class="position-relative mb-4">
  8.                 <div class="d-lg-none">
  9.                     <figure class="media equal-1-1">
  10.                         <span style="background-image: url('{{ componentConfiguration.cover.publicUrl }}')"></span>
  11.                     </figure>
  12.                 </div>
  13.                 <div class="d-none d-lg-block">
  14.                     <figure class="media equal-2-1">
  15.                         <span style="background-image: url('{{ componentConfiguration.cover.publicUrl }}')"></span>
  16.                     </figure>
  17.                 </div>
  18.             </div>
  19.         </div>
  20.     </section>
  21.     <section class="space-1">
  22.         <div class="container">
  23.             <h4>Componenti piscine</h4>
  24.             <p>
  25.                 {{ componentConfiguration.introduction|block_editor_render }}
  26.             </p>
  27.         </div>
  28.     </section>
  29.     <section class="space-2">
  30.         <div class="container">
  31.             {% for section in componentConfiguration.sections %}
  32.                 <div class="row align-items-center justify-content-center space-top-1 space-top-lg-2 space-bottom-lg-1">
  33.                     <div class="col-lg-5 ps-lg-5 {{ loop.index % 2 == 0 ? 'order-lg-1' }}">
  34.                         <h3 class="text-uppercase text-primary display-5 fw-bold mb-2 mb-lg-4" style="line-height: 1">
  35.                             {{ section.custom ? section.title : section.component.name }}
  36.                         </h3>
  37.                         <p class="fs-lg">
  38.                             {{ section.custom ? section.description : section.component.introduction }}
  39.                         </p>
  40.                         <a href="{{ section.custom ? section.link : path('frontend_component_index', {component: section.component.slug}) }}"
  41.                            class="btn btn-primary text-uppercase fw-bold mb-4 mb-lg-0"
  42.                            aria-label="{{ section.custom ? section.title : section.component.name }}"
  43.                         >Scopri di più</a>
  44.                     </div>
  45.                     <div class="col-lg-5 {{ loop.index % 2 == 0 ? 'order-lg-0' }}">
  46.                         <img src="{{ section.custom ? section.cover.publicUrl : section.component.cover.publicUrl }}" alt="{{ section.custom ? section.title : section.component.name }}"
  47.                              class="img-fluid">
  48.                     </div>
  49.                 </div>
  50.             {% endfor %}
  51.         </div>
  52.     </section>
  53.     <section class="space-bottom-2">
  54.         <div class="container">
  55.             <div class="row justify-content-center">
  56.                 {% for componentConfigurationCallToAction in componentConfiguration.componentConfigurationCallToActions %}
  57.                     {% include 'frontend/partials/_call_to_action_card.html.twig' with {callToAction: componentConfigurationCallToAction.callToAction, size: componentConfigurationCallToAction.size} %}
  58.                 {% endfor %}
  59.             </div>
  60.         </div>
  61.     </section>
  62. {% endblock %}