{% block cms_element_cross_selling_tabs_inner %} {% if not sliderConfig %} {% set sliderConfig = element.fieldConfig.elements %} {% endif %} {% if element.data.crossSellings.elements is defined and element.data.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
{% block cms_element_cross_selling_tabs_navigation %}
{% block cms_element_cross_selling_tabs_navigation_container %} {% endblock %}
{% endblock %} {% block cms_element_cross_selling_tabs_content %}
{% block cms_element_cross_selling_tabs_content_container %}
{% for item in element.data.crossSellings.elements|filter(item => item.total > 0 and item.crossSelling.active == true) %} {% set crossSelling = item.crossSelling %} {% set products = item.products %} {% set id = crossSelling.id %}
{% set config = { title: { value: crossSelling.name ?: crossSelling.translated.name, }, border: { value: false, }, rotate: { value: false, }, products: { value: products, }, boxLayout: { value: sliderConfig.boxLayout.value, }, elMinWidth: { value: sliderConfig.elMinWidth.value, }, navigation: { value: true, }, navigationArrows: { value: 'outside', }, displayMode: { value: sliderConfig.displayMode.value, }, verticalAlign: { value: center, }, speed: { value: sliderConfig.speed.value, }, } %} {% block cms_element_cross_selling_tabs_content_container_slider %} {% sw_include '@Storefront/storefront/element/cms-element-product-slider.html.twig' with { sliderConfig: config, element: { data: { products: products, }, type: 'product-slider', }, } %} {% endblock %}
{% endfor %}
{% endblock %}
{% endblock %}
{% endif %} {% endblock %}