templates/areas/teaser-tour-row/Includes/tour-teaser-row.html.twig line 1

Open in your IDE?
  1. {% set breakindex = breakindex|default(2) %}
  2. <div class="{{ styleModifier | default(null) }} teaser-slider js-scrolling-row">
  4.     {# tour-teaser-row should only contain 4 teasers
  5.        teasers are displayed with scrollbar mobile
  6.     #}
  7.     <div class="{{ items|length < 4 ? 'justify-content-md-center' : '' }}  row scrolling-row scrolling-row--invisible-scrollbar  js-scrolling-row__row">
  9.         {% set break = false %}
  10.         {% for item in items %}
  11.             {%  if not break  %}
  12.                 <div class="col-md-3 col-5 scrolling-row__item  js-scrolling-row__item">
  13.                     {{ include('/Tour/teaser.html.twig', {tour: item}) }}
  14.                 </div>
  15.                 {% if loop.index > breakindex %}
  16.                     {% set break = true %}
  17.                 {% endif %}
  18.             {% endif %}
  19.         {% endfor %}
  20.         <div class="col-md-3 col-10 scrolling-row__item  js-scrolling-row__item">
  21.             {% if editmode %}
  22.                 <div class="editmode-box editmode-box--info mb-5 text-left">
  23.                     <div class="editmode-box__header">Text Teaser Settings</div>
  24.                     <div>
  25.                         <strong>Text: </strong>
  26.                         {{ pimcore_input('teaser_row-snippet-text') }}
  27.                         <label>Link </label>
  28.                         {{ pimcore_link('teaser_row-snippet-link') }}
  29.                     </div>
  30.                 </div>
  31.             {% else %}
  32.                 {{ include('Includes/Teaser/simple-text-snippet.html.twig', {
  33.                     "text": pimcore_input('teaser_row-snippet-text').data,
  34.                     "button": {
  35.                         href:  pimcore_link('teaser_row-snippet-link').href,
  36.                         text: pimcore_link('teaser_row-snippet-link').text,
  37.                     },
  38.                     "color": "default"
  39.                 }) }}
  40.             {% endif %}
  41.         </div>
  42.     </div>
  44.     {% if items|length > 4 %}
  45.         <div class="scrolling-row-navigation">
  46.             <button class="teaser-slider__btn scrolling-row__button scrolling-row__button--prev js-scrolling-row__prev scrolling-row__button--disabled"><span class="icon icon-arrow-right" aria-label="Previous"></span></button>
  47.             <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>
  48.         </div>
  49.     {% endif %}
  50. </div>