Good morning,

I am trying to show a fixed number of items in the Shopware 6.6.10.1 product slider (tiny slider), different per viewport. However, items within responsive do not seem to do anything, where this worked in older Shopware versions (6.5 and before).

Expected behavior:

The slider should show, for example, 5 items on XL and XXL views, based on the responsive configurations.

Actual behavior:

The number of visible items remains unchanged across all viewports, ignoring the responsive settings.

Is this a known issue?

{% sw_extends '@Storefront/storefront/element/cms-element-product-slider.html.twig' %}

{% block element_product_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 %}

    {% set productSliderOptions = {
        productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '',
        slider: {
            ariaLive: sliderConfig.rotate.value ? false : true,
            autoplay: sliderConfig.rotate.value ? true : false,
            autoplayButtonOutput: false,
            controls: sliderConfig.navigation.value ? true : false,
            fixedWidth: 228,
            gutter: 8,
            lazyload: true,
            mouseDrag: true,
            nav: false,
            preventScrollOnTouch: 'auto',
            responsive: {
                md: {
                    fixedWidth: 221,
                    gutter: 16,
                },
                lg: {
                    fixedWidth: 221,
                    gutter: 16,
                },
                xl: {
                    fixedWidth: false,
                    gutter: 32,
                    items: 5
                },
                xxl: {
                    fixedWidth: false,
                    gutter: 32,
                    items: 5
                },
            }
        }
    } %}

    {{ block('element_product_slider_slider') }}

    {% if config.verticalAlign.value %}
        </div>
    {% endif %}
{% endblock %}