templates/Includes/img-teaser-slider.html.twig line 1

Open in your IDE?
  1. <div class="teaser-slider js-scrolling-row">
  3.     <div class="row js-scrolling-row__row scrolling-row {{ isCentered | default(false) and items|length < 6 ? 'scrolling-row--centered' : ''}} scrolling-row--invisible-scrollbar">
  4.         {% for item in items %}
  5.             <div class="scrolling-row__item col-5 col-md-2 js-scrolling-row__item">
  6.                 {{ include('Includes/Teaser/img-teaser.html.twig', {
  7.                     title: item.title|default(''),
  8.                     href: item.href|default(''),
  9.                     image: item.image|default(null),
  10.                     badgeText: item.badgeText|default(''),
  11.                     isInNav: item.isInNav|default(false),
  12.                     isSearchTeaser: item.isSearchTeaser|default(false),
  13.                     ratio: item.ratio|default(null),
  14.                     styleModifier: ''
  15.                 }) }}
  16.             </div>
  17.         {% endfor %}
  18.     </div>
  20.     {% if items|length > 6 %}
  21.         <div class="scrolling-row-navigation">
  22.             <button class="teaser-slider__btn scrolling-row__button scrolling-row__button--prev js-scrolling-row__prev"><span class="icon icon-arrow-right" aria-label="Previous"></span></button>
  23.             <button class="teaser-slider__btn scrolling-row__button scrolling-row__button--next js-scrolling-row__next"><span class="icon icon-arrow-right" aria-label="Next"></span></button>
  24.         </div>
  25.     {% endif %}
  26. </div>