TabMenu am Handy deaktivieren

Shopware 5 Themes & Design
1

Hallo,

ich versuche gerade auf Mobilgeräten die Artikelbeschreibung sofort anzuzeigen, anstatt der Tab-Preview und dem Offcanvas-Element, das sich beim Klicken auf die Kurzfassung öffnet.

Hintergrund ist, dass wir nur den Tab “Beschreibung” haben.

Allerdings funktioniert das Deaktivieren dieser Funktion nicht so richtig.

Meine JS-Datei sieht so aus: 

$(function ($) {
	.removePlugin('.tab-menu--product .tab--container', 'swOffcanvasButton', ['xs'])
	.addPlugin('.tab-menu--product', 'swTabMenu', ['xs', 's', 'm', 'l', 'xl']);
});

Aus welchem Grund verschwindet jetzt der Rahmen um die Beschreibung? Und warum ist auf dem Smartphone immer noch die Tab-Preview (und die Beschreibung) zu sehen?

So langsam verzweifel ich echt^^

 

1272×443 67 KB

Danke für eure Mithilfe!

Viele Grüße, 

Maximilian

2

Mittlerweile habe ich festgestellt, dass das Entfernen folgender Zeilen in der jquery.shopware-responsive.js

        .addPlugin('.tab-menu--product .tab--container', 'swOffcanvasButton', {
            titleSelector: '.tab--title',
			previewSelector: '.tab--preview',
            contentSelector: '.tab--content'
        }, ['xs'])

zu einem anderen Ergebnis führt als die Zeile

	.removePlugin('.tab-menu--product .tab--container-list', 'swOffcanvasButton', ['xs']);

in meiner eigenen JS-Datei.

Und zwar bleibt der Rahmen und die Darstellung bei ersterem erhalten, mit dem Befehl .removePlugin gehts jedoch nicht?!

Wo ist mein Denkfehler??

Viele Grüße,

Maximilian

3

Habe den Fehler mittlerweile gefunden.

Die eigene JS-Datei muss lediglich so aussehen:

StateManager
	.removePlugin('.tab-menu--product .tab--container', 'swOffcanvasButton', ['xs']);

Sprich: Ohne function()

 

Viele Grüße,

Maximilian