{% sw_extends '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' %}
{% block page_product_detail_cross_selling_tabs_inner %}
{% for item in crossSellings|filter(item => item.crossSelling.active and item.getProducts().elements) %}
<div class="cross-selling">
{% set config = {
'title': {
'value': item.crossSelling.name
},
'border': {
'value': false
},
'rotate': {
'value': false
},
'products': {
'value': item.getProducts()
},
'boxLayout': {
'value': 'minimal'
},
'elMinWidth': {
'value': '300px'
},
'navigation': {
'value': true
},
'displayMode': {
'value': 'minimal'
},
'verticalAlign': {
'value': 'top'
},
} %}
{% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
sliderConfig: config,
element: {
'data': {
'products': {
elements: item.getProducts()
}
},
type: 'product-slider'
}
} %}
</div>
{% endfor %}
{% endblock %}