templates/modules/app/shopping/includes/products/slider.html.twig line 1

Open in your IDE?
  1. {#
  2. Affichage de X produits dans un slider ( Découvrez aussi, nos meilleurs ventes, .... )
  4. - products_thumbnail : Liste des produits à afficher
  5. - title: Titre au dessus de la section
  6. #}
  7. {% if products|length > 0 %}
  8.     <section class="section section-products-slider" data-aos="fade" data-aos-delay="2000" data-aos-anchor="#product"
  9.              data-aos-anchor-placement="top-center">
  10.         <div class="section-container" >
  12.             <div class="design" data-0="bottom:-400px; left: calc(100% - 50px);"
  13.                  data-2500="bottom:-200px; left: calc(100% - 0px);" data-aos="fade-left" data-aos-delay="2250" data-aos-anchor="#product"
  14.                  data-aos-anchor-placement="top-center">
  15.                 <img src="{{ asset('assets/media/images/core/kiwi.png') }}" alt="Orange">
  16.             </div>
  18.             <header class="section-header">
  19.                 <button id="products-previous" class="btn-slider slider-previous" aria-label="Précédent">
  20.                     <i class="fas fa-chevron-left"></i>
  21.                 </button>
  22.                 <h2 class="section-title">{{ title|replace({
  23.                         '<p>': '<span>',
  24.                         '<br></p>': '</span>',
  25.                         '</p>' : '</span>',
  26.                         '<br>' : '</span><span>'
  27.                     })|raw }}</h2>
  28.                 <button id="products-next" class="btn-slider slider-next" aria-label="Suivant">
  29.                     <i class="fas fa-chevron-right"></i>
  30.                 </button>
  31.             </header> {# /.section-header #}
  33.             <div class="section-content">
  34.                 <div class="products-list owl-carousel owl-theme">
  35.                     {% for object in products %}
  37.                         {% include '@app/shopping/includes/products/thumbnail.html.twig' with {
  38.                             'product_manager' : object,
  39.                             'product' : object.product
  40.                         } %}
  42.                     {% endfor %}
  43.                 </div> {# /.product-list #}
  44.             </div> {# /.section-content #}
  45.         </div> {# /.container #}
  46.     </section> {# /.section-products-slider #}
  47. {% endif %}