{% block page_lexikon_detail_products %}
<div class="cms-block col-12">
<div class="cms-block-container">
{% block pixel_lexikon_page_detail_products_headline %}
{% if pixelLexikon.entry.translated.headline %}
<h2 class="mt-4 mb-4">{{ pixelLexikon.entry.translated.sliderheadline }}</h2>
{% endif %}
{% endblock %}
{% block pixel_lexikon_page_detail_products %}
{% if pixelLexikon.entry.products|length > 0 %}
{% if pixelLexikon.entry.sliderdisplaymode == 'standard' %}
{% set sliderdisplaymode = 'cover' %}
{% else %}
{% set sliderdisplaymode = pixelLexikon.entry.sliderdisplaymode ?? 'cover' %}
{% endif %}
{% set sliderConfig = {
'title': {
'value': "pixelLexikon.page.products.headline"|trans|raw
},
'border': {
'value': pixelLexikon.entry.sliderborder
},
'rotate': {
'value': pixelLexikon.entry.sliderrotate
},
'boxLayout': {
'value': pixelLexikon.entry.sliderlayout ?? 'minimal'
},
'elMinWidth': {
'value': (pixelLexikon.entry.sliderminwidth ?? '300') ~ 'px'
},
'navigation': {
'name': 'navigation',
'source': 'static',
'value': pixelLexikon.entry.slidernavigation
},
'displayMode': {
'value': sliderdisplaymode
},
'verticalAlign': {
'value': 'top'
},
} %}
{% sw_include "@Storefront/storefront/element/cms-element-product-slider.html.twig" with {
sliderConfig: sliderConfig,
element: {
type: 'product-slider',
'data': {
'products': { elements: pixelLexikon.entry.products }
}
}
} only %}
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}