Reiter (Zubehör, etc.) in Detailansicht abh. von Auflösung a

Shopware 5 Themes & Design
1

Hallo Community, ich würde sehr gerne die Detailseite umgestalten und die jeweiligen Inhalte der Reiter für Zubehör, Ähnliche Artikel, Kunden haben sich ebenfalls angesehen etc. ohne Tabs direkt untereinander darstellen. Allerdings nur in den großen Auflösungen, da die platzsparende Variante mit den Tabs auf Mobilgeräten ja durchaus Sinn macht. Trotzdem möchte ich den darüber liegenden Reiter mit Beschreibung/Bewertungen gerne als Tab beibehalten. Hat jemand eine Idee / Herangehensweise?

2

Hallo Community,

gibt es hier für schon eine Lösung?

StateManager.registerListener([
        {
            state: 'xl',
            enter: function() {
                $('.product--details .tab--header').css('display', 'block');
                $('.product--details .tab--navigation').css('display', 'none');
                $('.tab-menu--cross-selling .tab--title::after').css('display', 'none');
                $('.product--details .tab-menu--cross-selling .tab--container').addClass('is--active');
            }
        },
    ]);

Die Tabs werden jetzt auch untereinander dargestellt, jedoch fehlen im Slider die Pfeile zum Scrollen.

Hat jemand eine Idee, wie man die auch noch hinbekommt?