templates/themes/theme/slider/slider.html.twig line 1

Open in your IDE?
  1. <section class="slider">
  2.     <div class="{{ slider.identifier }}">
  3.         <div class="swiper-wrapper">
  4.             {% for slide in slider.images %}
  5.                 <div class="swiper-slide lazyBackgroundImage" data-mobile="{{ imageCache('/userfiles/images/sliderimages/' ~ slide.image, 'zoomCrop', 990, 695) }}" data-desktop="{{ imageCache('/userfiles/images/sliderimages/' ~ slide.image, 'zoomCrop', 2500, 1750) }}">
  6.                     <div class="w-full h-full flex justify-center items-end pb-24 md:pb-0 md:items-center">
  7.                         <div class="container text-center">
  8.                             <div class="row">
  9.                                 <div class="col">
  10.                                     <span class="sr-only">{{ slide.title }}</span>
  11.                                     <div class="slide-content sm:px-16">
  12.                                         {{ slide.html|raw }}
  13.                                     </div>
  14.                                     {% if slide.buttontext != null %}
  15.                                         <a href="{{ slide.link }}" class="btn btn-primary btn-darkbg !mt-8">{{ slide.buttontext }}</a>
  16.                                     {% endif %}
  17.                                 </div>
  18.                             </div>
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.             {% endfor %}
  23.         </div>
  24.         <div class="swiper-pagination"></div>
  25.         {# <div class="swiper-button-prev"></div>
  26.         <div class="swiper-button-next"></div> #}
  27.     </div>
  28. </section>