{% block element_product_slider %} {% if not sliderConfig %} {% set sliderConfig = element.fieldConfig.elements %} {% endif %} {% set visibleValues = ['inside', 'outside'] %} {% set blockId = block.id %} {% if element.data.products.elements %}
{% block element_product_slider_alignment %} {% if config.verticalAlign.value %}
{% endif %} {% set hasNavigationArrows = sliderConfig.navigationArrows.value in visibleValues %} {% set productSliderOptionsSlider = { controls: hasNavigationArrows, nav: false, mouseDrag: true, autoplay: sliderConfig.rotate.value, autoplayButtonOutput: false, autoplayTimeout: sliderConfig.autoplayTimeout.value, speed: sliderConfig.speed.value, ariaLive: sliderConfig.rotate.value ? false : true, gutter: 30, loop: false, rewind: true }%} {% set productSliderOptions = { productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '', slider: productSliderOptionsSlider } %} {% block element_product_slider_slider %}
{% block element_product_slider_skip_slider %} {% sw_include '@Storefront/storefront/component/skip-target.html.twig' with { targetId: blockId, snippet: 'component.cms.productGallery.skipProductGallery', } %} {% endblock %} {% block element_product_slider_title %} {% if sliderConfig.title.value %}

{{ sliderConfig.title.value }}

{% endif %} {% endblock %} {% block element_product_slider_inner %} {% block element_product_slider_element %}
{% for product in element.data.products.elements %} {% block element_product_slider_inner_item %}
{% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with { 'layout': sliderConfig.boxLayout.value, 'displayMode': sliderConfig.displayMode.value } %}
{% endblock %} {% endfor %}
{% endblock %} {% block element_product_slider_controls %} {% if hasNavigationArrows %}
{% endif %} {% endblock %} {% endblock %}
{% endblock %} {% if config.verticalAlign.value %}
{% endif %} {% endblock %}
{% endif %} {% block element_product_slider_target_after_slider %}
{% endblock %} {% endblock %}