shopware6 - Shopware 6.6 product slider: Responsive items not working as expected - Stack Overflow

admin管理员组

文章数量:1389779

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 %}

本文标签： shopware6Shopware 66 product slider Responsive items not working as expectedStack Overflow