{# Note: Tiny Slider breaks if the parent element is display: grid with fr based template columns #} {% set config = block.customFields.moorl_interactive_slider %} {% set listingCss = [ "margin-right:-#{config.gapSize}", ] %} {% set sliderOptions = { productboxMinWidth: config.itemWidth, slider: { navPosition: 'bottom', speed: config.speed ?: 400, autoHeight: false, autoplay: config.autoplay ? true : false, autoplayHoverPause: config.autoplayHoverPause ? true : false, autoplayTimeout: config.autoplayTimeout ?: 3500, autoplayButtonOutput: false, swipeAngle: false, mode: config.animateIn ? "gallery" : "carousel", gutter: (config.gapSize|number_format * 1), animateIn: config.animateIn ?: null, animateOut: config.animateOut ?: null, autoplayButtonOutput: false, nav: config.navigation ? false : true, mouseDrag: config.autoplay ? false : true, controls: config.navigation ? true : false } } %} {% if config.itemWidth == '100%' %}

{% for letter in 'a'..'z' %} {% set element = block.slots.getSlot("slot-#{letter}") %} {% if element %}

{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}

{% endif %} {% endfor %}

{% if config.navigation %}

{% endif %}

{% else %}

{% for letter in 'a'..'z' %} {% set element = block.slots.getSlot("slot-#{letter}") %} {% if element %}

{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}

{% endif %} {% endfor %}

{% if config.navigation %}

{% endif %}