{% sw_extends '@Storefront/storefront/element/cms-element-s360-adjustable-productslider.html.twig' %}
{# SD-5726: make div #}
{% block element_product_slider_title %}
{% if sliderConfig.title.value %}
<div class="h2 cms-element-title">{{ sliderConfig.title.value }}</div>
{% endif %}
{% endblock %}
{% block element_product_slider_element %}
<div class="product-slider-container" data-base-slider-container="true">
{% for product in element.data.products.elements %}
{% block element_product_slider_inner_item %}
<div class="product-slider-item">
{% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
'layout': sliderConfig.boxLayout.value,
'displayMode': sliderConfig.displayMode.value
} %}
</div>
{% endblock %}
{% endfor %}
</div>
{% endblock %}