Accordeon KaufenBevor du diesen Artikel in den Warenkorb legen kannst, benötigen wir zusätzliche Angaben

Handbuch

Dokumentation
Changelog

Dokumentation

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

Geschwindigkeit der Animation

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.

Changelog

1.0.10 - 07.02.2022

Verbesserter Support für das NOVA Template

1.0.9 - 30.03.2021

JTL Shop 5 Support

1.0.8 - 17.09.2020

Reitern kann jetzt ein Icon hinzugefügt werden
Unterstützung für Frontend-Editing

1.0.7 - 01.03.2018

Inhalte, die mit der Option "Smarty evaluieren?" ausgegeben werden, werden jetzt gecached
Der interne Name eines Reiters wird jetzt durch den Reitertitel automatisch gesetzt

1.0.6 - 01.08.2016

Feature: Zusätzliche CSS Klassen pro Accordeon einstellbar für erweitertes Styling.

1.0.5 - 08.06.2016

Feature: Einstellbarer Reitermodus. Klassisch und Individuell (Reiter können individuell geöffnet und geschlossen werden)
Feature: URL Hashes. Erlaubt das automatische Öffnen eines Reiters via Hash in der URL und setzt diese beim Öffnen eines Reiters.
Feature: Neue Einstellung "Reiter ins Sichtfeld scrollen bei Aktivierung"
Bugfix: Bessere Unterstützung für verschachtelte Accordeons (Accordeon in Accordeon)

1.0.4 - 04.12.2015

Bugfix: Animationsgeschwindigkeit wurde unter Evo Template nicht beachtet
Bugifx: Abhängigkeit von Bootstrap Javascript aufgelöst

1.0.3 - 12.10.2015

Kompatibilität mit Evo Template (Shop 4, Dropper 100.9 vorrausgesetzt)

4 BewertungenDas sagen unsere Kunden zum Accordeon Drop

Frank B.
29.11.2022

Fast schon perfekt
Guten Morgen liebes KK-Team. Mittlerweile weiß ich Eure Drops zu schätzen. Auch dieses Drop ist wie immer gut durchdacht. Was mir aber bei JEDEM Drop auffällt bzw. missfällt ist die Tatsache, dass es keine Verknüpfung zum Editor gibt. Na klar kann ich das alles im HTML schreiben, aber hier und da fehlt eben das Wissen und dann wird es schnell nervig. Und wie wäre es wenn ihr einen Umbruch im jetzigen Editor einplant. Wenn man den Editor im Vollbild nutzt, dann gibt es schlicht eine lange Zeile ohne jedes Highlighting. Aber das nur am Rande - da es ja jedes Drop betrifft.
Danke für Eure Arbeit und für den immer schnellen Support.

Sandro F.
15.12.2016

Sehr vielfältig einsetzbar
Wir haben lange überlegt, ob und wie wir das Akkordeon einsetzen könnten. Dann kam uns die Idee unsere Produkte mit sämtlichen Details damit auszustatten. Damit wird die Produktdetailseite übersichtlicher.

Demnächst folgen auch noch Landingpages wie ein FAQ. Perfekt.
Wäre schön wenn KK noch Hilfestellung anbietet wie man hier CSS anwenden kann um das Ding optisch zu verändern :-)

Daniel K.
27.07.2016

Sehr tolles Accordeon Plugin..
Kompliment an das KK-Team. Sehr gutes und nützliches Plugin. Einfach und verständliche Arbeitsweise wie bei allen Drops.

Unsere Anregungen, wie zum Beispiel das Ansteuern über Sprunganker von einer anderen Seite und das gleichzeitige öffnen des entsprechenden Accordeons, wurden super schnell in das Drop integriert.

Das man die einzelnen Accordeons über die individuell vergeben IDs ansprechen kann und somit die Möglichkeit hat die Accordeons unterschiedlich zu gestalten ist auch sehr hiflreich!

Bei Fragen gibt es immer schnelle Hilfe!!! Macht weiter so :-)

Kristina K.
15.07.2016

Erleichtert die Arbeit und spart Zeit
Liebes KK-Team, vielen Dank für die Zeitersparnis durch das Accordeon-Drop. Macht alles was es soll. Ich habe das Akkordeon vorher manuell über html-Befehle eingegeben. Das nervte immer. Jetzt kann ich mit dem Dropper blitzschnell Beschreibungen und einen Törnplan anlegen. So schnell habe ich noch nie unsere Schiffe angelegt.

Plan	Preis	Features
Bronze	139 Euro / Jahr	Ermöglicht die Nutzung von Drops aus unserem Store und beinhaltet zahlreiche Free Drops.
Silber	599 Euro / Jahr	Alle Funktionen von Bronze + eigene Drops erstellen & nutzen
Gold	999 Euro / Jahr	Alle Funktionen von Silber + Drop Flatrate + bevorzugter Support

Accordeon

Organisiere umfangreiche Inhalte platzsparend mit Accordeon Controls

Andere kaufen dazu

Dropper Bronze

Flex Layout

Article Slider

Powerslide

Flex Menu