templates/front/elements/displayPromoSlider.html.twig line 1

  1. {% if offers %}
  2.     <section id="offers">
  3.         <div class="container">
  4.             <h2>Les offres du moment</h2>
  5.         </div>
  6.         <!-- Slider main container -->
  7.         <div class="swiper">
  8.             <!-- Additional required wrapper -->
  9.             <div class="swiper-wrapper">
  10.                 {% for offer in offers %}
  11.                     <div class="swiper-slide offer {{ offer.color }}" itemscope itemtype="https://schema.org/Offer">
  12.                         <picture>
  13.                             <img src="{{ asset('uploads/files/'~offer.imageName) }}" alt="" itemprop="image">
  14.                         </picture>
  15.                         <div class="content">
  16.                             <div class="badge" itemprop="category">{{ offer.badgeContent }}</div>
  17.                             <div class="title" itemprop="name">{{offer.title}}</div>
  18.                             <div class="conditions" itemprop="description">{{ offer.mentions }}</div>
  19.                         </div>
  20.                     </div>
  21.                 {% endfor %}
  22.             </div>
  23.             <!-- If we need pagination -->
  24.             <div class="swiper-pagination"></div>
  26.             <!-- If we need navigation buttons -->
  27.             <div class="swiper-button-prev"></div>
  28.             <div class="swiper-button-next"></div>
  30.         </div>
  31.     </section>
  32. {% endif %}