Mit dem Accordeon Drop kannst du den vorhanden Platz deines Shops sehr effizient nutzen und auch umfangreiche, textlastige Informationen ansprechend in Accordeon Controls darstellen. Wie du das machst erfhrst du hier.
Konfiguration
CSS Klasse(n)
Eigene CSS Klasse(n) die dem Accordeon zugewiesen werden, um es gezielt zu stylen (z.B. 'class1 class2'). Wenn du mehrere Klassen setzen mchtest, trenne diese mit einem Leerzeichen.
Einstellungen
Lege in den Einstellungen fest, wie das Accordeon sich verhalten soll.
Reitermodus
Bestimmt wie die Reiter sich beim ffnen untereinander verhalten:
-
Klassisch - Wenn ein neuer Reiter geffnet wird, werden bereits offene Reiter geschlossen
-
Individuell - Reiter lassen sich individuell auf- und zuklappen
Geschwindigkeit der Animation
Lege hier die Animationszeit fest, die bentigt wird um einen Reiter aufzuklappen. Der Wert ist in Millisekunden anzugeben.
Ersten Reiter automatisch ffnen
Bestimme mit dieser Option, ob der erste Reiter bereits nach dem Laden der Seite geffnet sein soll.
Reiter ins Sichtfeld scrollen bei Aktivierung?
Scrollt den aktivierten Reiter in das Sichtfeld, nachdem er geffnet wurde (nur im Reitermodus 'Klassisch' verfgbar)
Reiter
Hier hast du die Mglichkeit, Reiter des Accordeons zu erstellen und zu sortieren. Durch Drag'n'Drop kannst du die Reihenfolge der einzelnen Reiter ndern.
Titel
Der Titel des Reiters.
Smarty evaluieren?
Gibt an, ob der Inhalt als Smarty-Code ausgewertet werden soll. Ist diese Option aktiv, hast du Zugriff auf alle Shop- und Templatevariablen.
Beachte: das Aktivieren von Smarty kann sich auf die Performance deines Shops auswirken. Bitte lies hierzu die
ausfhrlichen Informationen in unserem Wiki!
Inhalt
Der Inhalt des Accordeon Items als HTML-formatierter Text. Wenn du Smarty verwenden mchtest, achte darauf, dass du auch die Option
Smarty evaluieren
gesetzt hast.
Tipp: um andere Drops zu verknpfen, ziehe diese einfach via Drag 'n' Drop in das HTML Control.
Hhe (optional)
Wenn der Reiter eine bestimmte Hhe haben soll, lege diese hier fest (Einheit: Pixel). Ist der Inhalt hher als die angegebene Hhe kann im Reiter gescrollt werden.