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 erfährst 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 möchtest, 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 geöffnet wird, werden bereits offene Reiter geschlossen
-
Individuell - Reiter lassen sich individuell auf- und zuklappen
Animationsgeschwindigkeit
Lege hier die Animationszeit fest, die benötigt 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 geöffnet sein soll.
Reiter ins Sichtfeld scrollen bei Aktivierung?
Scrollt den aktivierten Reiter in das Sichtfeld, nachdem er geöffnet wurde (nur im Reitermodus 'Klassisch' verfügbar)
Reiter
Hier hast du die Möglichkeit, 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
ausführlichen Informationen in unserem Wiki
!
Inhalt
Der Inhalt des Accordeon Items als HTML-formatierter Text. Wenn du Smarty verwenden möchtest, achte darauf, dass du auch die Option
Smarty evaluieren
gesetzt hast.
Tipp
: um andere Drops zu verknüpfen, ziehe diese einfach via Drag 'n' Drop in das HTML Control.
Höhe (optional)
Wenn der Reiter eine bestimmte Höhe haben soll, lege diese hier fest (Einheit: Pixel). Ist der Inhalt höher als die angegebene Höhe kann im Reiter gescrollt werden.
