templates/frontend/product/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% from 'frontend/partials/_realizations.html.twig' import realization_slider %}
  5. {% block metaTitle %}{{ product.metaTitle|default(product.name) }}{% endblock %}
  6. {% block metaDescription %}{{ product.metaDescription|default(product.introduction|block_editor_render|striptags|html_entity_decode|slice(0, 200)) }}{% endblock %}
  8. {% block body %}
  9.     {% include 'frontend/partials/_breadcrumb.html.twig' %}
  11.     <section class="space-1">
  12.         <div class="container">
  13.             <h5 class="h4 mb-4 fw-medium">
  14.                 {% trans %}Sei nell’area{% endtrans%} {{ product.name|lower }}.
  15.                 {% trans %}Scorrendo la pagina troverai informazioni, cataloghi e promozioni che ti aiuteranno nella scelta del prodotto giusto per le tue esigenze.{% endtrans%}
  16.             </h5>
  17.             <div class="position-relative mb-4">
  18.                 <div class="d-lg-none">
  19.                     <figure class="media equal-1-1">
  20.                         <span style="background-image: url('{{ product.cover.publicUrl }}')"></span>
  21.                     </figure>
  22.                 </div>
  23.                 <div class="d-none d-lg-block">
  24.                     <figure class="media equal-2-1">
  25.                         <span style="background-image: url('{{ product.cover.publicUrl }}')"></span>
  26.                     </figure>
  27.                 </div>
  28.             </div>
  29.         </div>
  30.     </section>
  31.     <section class="space-1">
  32.         <div class="container">
  33.             {{ product.introduction|block_editor_render }}
  34.         </div>
  35.     </section>
  36.     {{ realization_slider(product.realizations) }}
  37.     <section class="space-2">
  38.         <div class="container">
  39.             {% for section in product.sections %}
  40.             <div class="row align-items-center justify-content-center space-top-1 space-top-lg-2 space-bottom-lg-1">
  41.                 <div class="col-lg-5 ps-lg-5 {{ loop.index % 2 == 0 ? 'order-lg-1' }}">
  42.                     <h3 class="text-uppercase text-primary display-5 fw-bold mb-2 mb-lg-4" style="line-height: 1">
  43.                         {{ section.custom ? section.title : section.page.name }}
  44.                     </h3>
  45.                     <p class="fs-lg">
  46.                         {{ section.custom ? section.description : section.page.introduction }}
  47.                     </p>
  48.                     <a href="{{ section.custom ? section.link : path('frontend_product_page_index', {product: section.page.product.slug, page: section.page.slug}) }}"
  49.                        class="btn btn-primary text-uppercase fw-bold mb-4 mb-lg-0"
  50.                        aria-label="{{ section.custom ? section.title : section.page.name }}"
  51.                     >{% trans %}Scopri di più{% endtrans %}</a>
  52.                 </div>
  53.                 <div class="col-lg-5 {{ loop.index % 2 == 0 ? 'order-lg-0' }}">
  54.                     <img src="{{ section.custom ? section.cover.publicUrl : section.page.cover.publicUrl }}" alt="{{ section.custom ? section.title : section.page.name }}"
  55.                          class="img-fluid">
  56.                 </div>
  57.             </div>
  58.             {% endfor %}
  59.         </div>
  60.     </section>
  61.     <section class="space-bottom-2">
  62.         <div class="container">
  63.             <div class="row justify-content-center">
  64.                 {% for productCallToAction in product.productCallToActions %}
  65.                     {% include 'frontend/partials/_call_to_action_card.html.twig' with {callToAction: productCallToAction.callToAction, size: productCallToAction.size} %}
  66.                 {% endfor %}
  67.             </div>
  68.         </div>
  69.     </section>
  70. {% endblock %}