themes/BootstrapTheme/templates/bundles/SyliusShopBundle/Homepage/_banner.html.twig line 1

Open in your IDE?
  1. {% set images = app_get_section_images('slider', sylius.localeCode, sylius.channel.code )  %}
  3. <div class="bloc-slider">
  4.     <div class="conteneur-slider">
  5.         <div class="swiper-container slider-home">
  6.             <div class="carou-slide swiper-wrapper">
  7.                 {% set images_count = 0 %} 
  8.                 {% for image in images %}
  9.                 {% set images_count = images_count + 1 %} 
  10.                 <div class="slider-item swiper-slide">
  11.                     <a  title="{{ image.link }}"  style="background:url('{{ image.path }}')no-repeat">
  12.                         <img src="{{ image.path }}" />
  13.                     </a>
  14.                         {% if  image.name is not empty %}
  15.                             <div class="content-absolute-banner">
  16.                                 <div class="contenu-txt-banner  wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.2s">
  17.                                     {% if  images_count == 1 %}
  18.                                     <h1 class="h1-slider">{{ image.name|raw }}</h1>
  19.                                     {% else %}
  20.                                     <div class="h1-slider">{{ image.name|raw }}</div>
  21.                                     {% endif %}              
  22.                                 </div>
  23.                             {% endif %}
  24.                             {% if  image.link is not empty %}
  25.                                 <div class="pt-2 wow fadeIn" data-wow-duration="0.7s" data-wow-delay="0.2s"><a href="{{ image.link|raw }}" title="" class="btn-link minw-sm transition-bgcolor bg-gradient-hover bg-gradient-hover"><span>{{ image.alt|raw }}</span></a></div>
  26.                                 {% endif %}
  27.                             </div>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.             {% endfor %}
  32.         </div>
  33.         <div class="swiper-pagination swiper-pagination-home"></div>
  34.     </div>
  35.     
  37. </div>