Produkt-Slider funktioniert nicht korrekt in der mobilen Ansicht

Shopware 6 (German)
1

Hallo,

ich möchte die u.U. vorhandenen Cross-Selling-Sektionen in den Artikeldetails in das Produkt-Detail-Register (zwischen Beschreibung und Bewertungen) verschieben. Habe dazu folgende Änderungen gemacht:

storefront/page/product-detail/tabs.html.twig:

{% block page_product_detail_tabs_navigation_review %}

    {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
        <li class="nav-item">
            <a class="nav-link product-detail-tab-navigation-link"
            id="cross-selling-tab"
            {{ dataBsToggleAttr }}="tab"
            data-offcanvas-tabs="true"
            href="#cross-selling-tab-pane"
            role="tab"
            aria-controls="cross-selling-tab-pane"
            aria-selected="true">

                {{ 'Cross-Selling' }}

                <span class="product-detail-tab-navigation-icon">
                    {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
                </span>
            </a>
        </li>
    {% endif %}

    {{ parent() }}
{% endblock %}

{% block page_product_detail_tabs_content_review %}

    {% if page.crossSellings.elements is defined and page.crossSellings.elements|filter(item => item.total > 0)|length > 0 %}
        <div class="tab-pane fade show"
            id="cross-selling-tab-pane"
            role="tabpanel"
            aria-labelledby="cross-selling-tab">

            {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/cross-sellings.html.twig' %}
        </div>
    {% endif %}

    {{ parent() }}
{% endblock %}

storefront/page/product-detail/cross-selling/cross-sellings.html.twig:

{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}

{% block utilities_offcanvas_content %}
    {% block page_product_detail_review_container %}
        <div class="product-detail-cross-selling tab-pane-container">
            {% block page_product_detail_cross_selling_tab_pane %}
                <div class="product-detail-tabs product-detail-cross-selling">
                    {% sw_include '@Storefront/storefront/page/product-detail/cross-selling/tabs.html.twig' with {
                        crossSellings: page.crossSellings
                    } %}
                </div>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}

Prinzipiell klappt das Ganze. Allerdings funktioniert in der mobilen Ansicht der Produktwechsel nicht. Wenn man auf die Pfeile (link oder rechts) drückt, wird der Artikel nicht gewechselt.

Woran könnte dass liegen?