{% block element_relewise_recommendation_slider %}
{% if not sliderConfig %}
{% set sliderConfig = element.config %}
{% endif %}
{% block element_relewise_recommendation_slider_wrapper %}
<div
class="cms-element-{{ element.type }}{% if sliderConfig.displayMode.value == "standard" and sliderConfig.verticalAlign.value %} has-vertical-alignment{% endif %}">
{% block element_relewise_recommendation_slider_alignment %}
{% if config.verticalAlign.value %}
<div class="cms-element-alignment{% if sliderConfig.verticalAlign.value == "center" %} align-self-center{% elseif sliderConfig.verticalAlign.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
{% endif %}
{% block element_relewise_recommendation_slider_alignment_inner %}
{% set relewiseOptions = {
relewiseSliderOptions: {
title: sliderConfig.title,
productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '',
border: sliderConfig.border,
slider: {
gutter: 30,
autoplayButtonOutput: false,
nav: false,
mouseDrag: false,
controls: sliderConfig.navigation.value ? true : false,
autoplay: sliderConfig.rotate.value ? true : false
}
},
recommendationType: sliderConfig.recommendationType.value,
recommendationSettings: sliderConfig.recommendationSettings.value
} %}
{% if not sliderConfig.navigation.value %}
{% set relewiseOptions = relewiseOptions|replace_recursive({
slider: {
mouseDrag: true
}
}) %}
{% endif %}
{% set productId = sliderConfig.productId.value %}
{% set categoryId = sliderConfig.categoryId.value %}
{% if sliderConfig.productAuto.value and page.product.id %}
{% set productId = page.product.id %}
{% endif %}
{% if sliderConfig.categoryAuto.value and page.header.navigation.active.id %}
{% set categoryId = page.header.navigation.active.id %}
{% endif %}
{% block element_relewise_recommendation_slider_content %}
{% sw_include '@Storefront/storefront/component/relewise/relewise-product-slider-init.html.twig' with {
sliderConfig: relewiseOptions,
productId: productId,
categoryId: categoryId
} %}
{% endblock %}
{% endblock %}
{% if config.verticalAlign.value %}
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
{% endblock %}