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 Accordion-Controls darstellen. Wie du das machst, erfährst du hier.

Allgemeine Einstellungen

In den allgemeinen Einstellungen hast du zunächst die Möglichkeit, Reiter des Accordeons in einem List Control zu erstellen und zu sortieren. Durch Drag'n'Drop kannst du die Reihenfolge der einzelnen Reiter ändern.

Inhalt eines Reiters

Ein Accordeon Reiter besteht immer aus Titel und Inhalt.

Den Inhalt legst du in einem HTML-Control fest, das du mit HTML-formatiertem Text füllen oder in dem du andere Drops verlinken kannst.

Wenn du zusätzlich Smarty verwenden möchtest, achte darauf, dass du auch die Option Smarty evaluieren aktiviert hast. Dann hast du auch Zugriff auf Shop- und Templatevariablen. Bitte lies hierzu die ausführlichen Informationen zu Smarty in unserem Wiki!

Weitere Einstellungen für deinen Reiter

Im Tab Erweitert kannst du ein Icon hinzufügen, dass dem Titel deines Accordeon Reiters vorangestellt wird.

Wenn der Reiter eine bestimmte Höhe haben soll, kannst du diese ebenfalls über eine Einstellung festlegen. Ist der Inhalt höher als die angegebene Höhe, wird der Reiter scrollbar.

Verhalten des Accordeons

Mit dem Reitermodus bestimmst du, wie die Reiter sich beim Öffnen untereinander verhalten sollen:

Klassisch - Wenn ein neuer Reiter geöffnet wird, werden bereits offene Reiter geschlossen.
Individuell - Reiter lassen sich individuell auf- und zuklappen.

Durch weiterführende Einstellungen im Tab Verhalten kannst du das Verhalten deines Accordeons weiter steuern.

Reiter ins Sichtfeld scrollen bei Aktivierung?

Scrollt den aktivierten Reiter in das Sichtfeld, nachdem er geöffnet wurde (nur im Reitermodus 'Klassisch' verfügbar)

Ersten Reiter automatisch öffnen

Bestimme mit dieser Option, ob der erste Reiter bereits nach dem Laden der Seite geöffnet sein soll.

Strukturierte Daten ausspielen

Aktivierst du diese Option, wird der Inhalt des Accordeons als FAQ Seite ("Häufig gestellte Fragen") interpretiert und zusätzlich strukturierte Daten für Suchmaschinen (schema.org FAQPage) bereitgestellt.

Das kann dabei helfen, prominente Rich-Suchergebnisse zu erhalten. Alle Details dazu findest du in der Dokumentation der Google Search Central.

Bitte beachte, dass verlinkte Drops und einige HTML Tags in den strukturierten Daten herausgefiltert werden.

Halte dich an die ausführlichen Guidlines und prüfe die Validität der Ausgabe mit Tools wie dem schema.org Validator und der Google Search Console.

Geschwindigkeit der Animation

Lege hier die Animationszeit fest, die benötigt wird, um einen Reiter aufzuklappen. Der Wert ist in Millisekunden anzugeben.

Konfiguration

In der Konfiguration des Drops kannst du eigene CSS Klasse(n) setzen, die dem Accordeon zugewiesen werden (z.B. class1 class2). Damit kannst du dein Accordeon gezielt mit CSS stylen. Wenn du mehrere Klassen setzen möchtest, trenne diese mit einem Leerzeichen.

Changelog

1.0.13 - 31.03.2025

Neue Einstellung um Smarty im Titel von Reitern zu evaluieren

1.0.12 - 15.01.2025

Neue Einstellung zum Aktivieren der Hash-Navigation von Accordeon-Reitern

1.0.11 - 17.04.2023

neue Einstellung zum Hinzufügen von strukturierte Daten (FAQPage)

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	159 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