dbh Accordion_Page
Accordions
Allgemeines
Das JAMES Accordion ist ein weiteres Widget, welches Bestandteil des JAMES Content Produktportfolios ist.
Das Accordion ist eines der bekannten Standard Webseiten Elemente, welches dafür verwendet wird, Inhalte kompakt darzustellen, ohne aufgrund von Design- oder Platzgründen auf Texte verzichten zu müssen. Das Accordion bietet die Möglichkeit, Text und Bildelemente je nach Belieben ein- und auszuklappen. Der Gast kann selbst entscheiden, welche Inhalte er angezeigt haben möchte und welche Bereiche verborgen bleiben sollen. Dies ermöglicht eine bessere Übersicht auf vollen Webseiten.
Der häufigste Anwendungsfall eines Accordion Elements ist bestimmt die FAQ Sektion einer Webseite.
Das JAMES Accordion kann beliebig in den Rich Text (z.B.: Static Content Page, Story) eingepflegt werden.
In der JAMES Product & JAMES Service Provider Darstellung gibt es optisch gesehen, das gleiche Element. Allerdings ist es dort nicht über das Content Model „Accordion“ zu konfigurieren, sondern wird über die verlinkten FAQs erstellt. Mehr Informationen dazu in den Artikeln „JAMES Product“ & „JAMES Service Provider (in Kürze verfügbar).
Das Accordion wird auf JAMES Web & der native JAMES App unterstützt.
Step by Step Guide
Die Konfiguration des Accordions wird in Contentful durchgeführt.
Für die erfolgreiche Konfiguration des Accordion werden folgende Felder befüllt:
Title*:
Der Titel dient lediglich dazu, dass der Content Editor die Konfiguration künftig einfacher finden kann. Dies bedeutet, dass der eingegebene Titel im Frontend (z.B. auf der Website) nicht angezeigt wird.
Frontend Title:
Der eingegebene Text wird am Accordion als Titel im Frontend angezeigt. Wenn dieses Feld nicht befüllt wird, hat das Akkordeon keinen Titel.
Accordion Items*:
In diesem Feld wird der eigentliche Inhalt, nämlich die ein- und ausklappbaren Elemente, des Accordions befüllt. Um diese Felder zu erstellen, müssen Einträge des Content Models Accordion Item erstellt bzw. bereits bestehende Einträge referenziert werden. Den Konfigurationsguide für das Accordion Item finden Sie im Anschluss an diesen Guide. Es können beliebig viele Accordion Items pro Accordion referenziert werden. Die Reihenfolge der Accordion Items in Contentful spiegelt die Reihenfolge im JAMES Frontend wider.
User Targeted Content Segments (X):
Hierbei handelt es sich um ein neues Feature, welches noch nicht verfügbar ist. Bitte lassen Sie das Feld leer.
Die Konfiguration des Accordion Items wird in Contentful durchgeführt.
Für die erfolgreiche Konfiguration des Accordion Item werden folgende Felder befüllt:
Title*: Der Titel dient lediglich dazu, dass der Content Editor die Konfiguration künftig einfacher finden kann. Dies bedeutet, dass der eingegebene Titel im Frontend (z.B. auf der Website) nicht angezeigt wird.
Item Heading*: Der Inhalt dieses Feldes wird als (fette) Überschrift innerhalb eines einzelnen ein- und ausklappbaren Accordion Elements angezeigt.
Item Text*: Der Inhalt dieses Feldes wird als Text innerhalb eines einzelnen ein- und ausklappbaren Accordion Elements angezeigt. Es können gängige Formatierungsoptionen wie beispielsweise Fett, Kursiv oder diverse Aufzählungsoptionen ausgewählt werden.
Item Image: Optional kann auch ein Bild (Media Asset) pro Accordion Item hinzugefügt werden. Dieses wird in der Desktopansicht immer rechts vom Text und in der mobilen Webansicht, sowie der nativen App Ansicht immer unterhalb des Texts angezeigt.