Collapse Box

Shopware 5 Themes & Design
1

Heyho - im Styletile steht ja beschreiben wie das Markup der Collapse Boxen sind. Jedoch funktioniert die eigentliche Funktion nicht. Im js Plugin collapse sehe ich hier die default Attribute, jedoch worauf beziehen sich diese ? Gibt es noch ein

mit data Attributen um den ganzen collapse header / content drum rum ? Oder was übersehe ich hier gerade :slight_smile:

2

je nach dem, auf welchen Selektor und Viewport du das Collapse JS Plugin registrierst: Beispiel1 // Collapse panel .addPlugin('.btn--password, .btn--email', 'collapsePanel', ['l', 'xl']) Beispiel2 $('\*[data-collapse-panel="true"]').collapsePanel(); Schau mal in die jquery.shopware-responsive.js. Dann sollte es klar werden.

1 „Gefällt mir“
3

Perfekto ! :thumbup: Danke dir, in die Datei hatte ich noch überhaupt nicht reingeschaut. Ich mag Shopware 5 immer mehr :x

4

Ciao,

Ich befasse mich soeben mit einem Accordeon Einkaufselement.
Die HTML Ausgabe funktioniert einwandfrei, jedoch klappt die Box nicht auf / zu bei der Initialisierung (Seitenaufruf).
Ich muss zuerst das Fenster kleiner /grösser ziehen, dass der Statemanager sozusagen die Funktion erneut abfeuert.

Setze ich einen Timeout von Anfang an, dann funktioniert es gleich.

Woran liegt das Problem?

(function($, window) {

    function sleep(){
        window.StateManager

            // Accordeon Menu
            .addPlugin('.accordeon--trigger', 'swCollapsePanel', ['xs', 's', 'm', 'l', 'xl'])
    }
    setTimeout(sleep, 2000);


})(jQuery, window);

Am Content kann es nicht liegen…da ist nur 1 Satz drin (ja genau…Lorem Ipsum ;))

 

 

UPDATE: Liegt daran, dass (sicher ab SW5) die Einkaufswelt mit AJAX nachgeladen wird.
In meinem Fall wurde eine setTimeout() funktion genutzt, welche nach 2 Sek das Script ausführt -> gibt bessere alternativen.

5

http://forum.shopware.com/discussion/comment/163133/

1 „Gefällt mir“