custom/plugins/TdsOrlob/src/Resources/views/storefront/element/cms-element-image-slider.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-image-slider.html.twig' %}
  3. {% block element_image_slider_alignment  %}
  5.     {% if config.verticalAlign.value %}
  6.         <div class="cms-element-alignment{% if sliderConfig.verticalAlign.value == "center" %} align-self-center{% elseif sliderConfig.verticalAlign.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
  7.     {%  endif %}
  8.     <div class="base-slider image-slider{% if sliderConfig.navigationArrows.value == "outside" %} has-nav-outside{% endif %}{% if sliderConfig.navigationDots.value == "outside" %} has-dots-outside{% endif %}"
  9.          data-base-slider="true"
  10.          data-base-slider-options='{
  11.                         "slider": {
  12.                             "navPosition": "bottom",
  13.                             "speed": 800,
  14.                             "autoplay": true,
  15.                             "autoplayButton": false,
  16.                             "autoplayTimeout": 7000,
  17.                             "nav": {% if sliderConfig.navigationDots.value %}true{% else %}false{% endif %},
  18.                             "controls": {% if sliderConfig.navigationArrows.value %}true{% else %}false{% endif %},
  19.                             "autoHeight": {% if sliderConfig.displayMode.value == "standard" %}true{% else %}false{% endif %}
  20.                         }
  21.                     }'>
  23.         {% block element_image_slider_inner %}
  25.             {{ parent() }}
  27.         {% endblock %}
  28.     </div>
  30.     {% if config.verticalAlign.value %}
  31.         </div>
  32.     {% endif %}
  34. {% endblock %}