templates/default/components/organisms/banner-slider/banner-slider.html.twig line 1

Open in your IDE?
  1. {% if useGrid|default %}
  2. {% set banners = banners[:3] %}
  3. {% endif %}
  5. <div class="banner-slider {% if useGrid|default %}banner-slider--use-grid{% endif %}">
  6. <div class="banner-slider__headline">
  7. {{ render_storyblok(headline, {
  8. 'class': 'headline--no-spacing headline--inherit'
  9. }) }}
  10. </div>
  11. <div class="banner-slider__inner">
  12. <div class="banner-slider__slider-inner js-banner-slider">
  13. <div class="banner-slider__swiper swiper-container"
  14. >
  15. <div class="banner-slider__wrapper swiper-wrapper">
  16. {% for banner in banners %}
  17. {{ render_storyblok(banner, {
  18. 'class': 'swiper-slide ' ~ (useGrid|default ? 'banner--use-grid' : '')
  19. }) }}
  20. {% endfor %}
  21. </div>
  22. </div>
  24. <div class="banner-slider__pagination swiper-pagination"></div>
  26. {% if banners|length > 0 %}
  27. <div aria-hidden="true" class="banner-slider__prev banner-slider__button--prev swiper-button-prev"></div>
  28. <div aria-hidden="true" class="banner-slider__next banner-slider__button--next swiper-button-next"></div>
  29. {% endif %}
  30. </div>
  31. </div>
  32. </div>