Headline: Falls H1, dann bitte mit Keyword

Eine Subheadline kann – muss aber nicht sein

Fließtext geht auch. Aber so eine Bühne wird dann – beim Ausschöpfen aller Möglichkeiten – sehr schnell, sehr voll.

aktuell können Sie

bis zu drei

Bulletpoints ergänzen

keine Allgemeinplätze

aktivierende Micro-Copy

Nur eine Überschrift – geht auch

Headline und drei Vorteile

statt der Bulletpoints

gehen auch Vorteilshaken

im Listen Style "Icon"

Neue Hero-Bühne

Viel mehr Gestaltungsmöglichkeiten

Hier ist jetzt Platz für Fließtext. Allerdings sollte schon darauf geachtet werden, dass es nicht zuviel wird. Schließlich ist das ja nur der Seiteneinstieg und nicht der Platz für viel Content.

Die Karte kann 6, 8 oder 10 Spalten breit sein

Die Karte kann links, zentriert oder rechts integriert werden

für die vertikale Positionierung der Karte haben Sie sogar fünf Optionen

Beispiel für Prio 1 CTA

Hinweis

Dies ist eine Schulungsseite im Aufbau

Beim Web-Auftritt der Whiteschokominza handelt es sich um ein Testlabor. Hier zeigen wir anhand von praxisnahen Beispielen, was mit dem Einsatz der DXP Basis möglich ist. Auf dieser Seite werden wir einzelne Komponenten für eine Basisseite vorstellen. Die Seite wächst sukzessive. Ziel ist es, die zentralen Komponenten und deren Anwendungsoptionen darzustellen.

Vielleicht ist es Ihnen aufgefallen: Die Bühne ist farbig hinterlegt. Das liegt daran, dass zwischen Bühne und erstem Container eine Abhängigkeit besteht. Hat der erste Container auf einer Seite einen farbigen Hintergrund, dann überträgt sich dieser auf die Bühnen-Komponente – das gilt auch für den Fortschrittsbalken.

Das wichtigste Prinzip für den Seitenaufbau

Jedem Content-Abschnitt seinen eigenen Container

Die DXP Basis wächst weiter. Bestehende Komponenten werden optimiert, neue Komponenten kommen hinzu und andere Komponenten werden wieder entfernt. Am reibungslosesten funktioniert die Aktualisierung der Komponenten, wenn Sie beim Aufbauen aller Seiten folgendes Prinzip verinnerlichen und anwenden:

Jeder zusammenhängende Content-Abschnitt gehört in einen eigenen Container.

Gleiche Kartenhöhe bei variierender Textlänge

Inhalte unterscheiden sich

Selbst wenn die Komponenten immer nach dem gleichen Prinzip aufgebaut sind – beispielsweise: Bild, Headline, Fließtext und Link – dann variieren die Textlängen in den meisten Fällen.

"Alle Karten gleich hoch?"

Damit dennoch ein einheitliches Erscheinungsbild entsteht, haben Sie die Option, im Container die Funktion "Alle Karten gleich hoch?" anzuhaken. Wenn Sie das tun, dann werden die Karten – trotz variierendem Textumfang – gleich hoch eingebunden.

Hinweis: In der mobilen Darstellung rücken die Karten untereinander.

Aktuell funktioniert das...

für alle Komponenten, die auf der vertikalen Karte beruhen, also beispielsweise:

Layout | Karte

CrossSelling

Produktübersicht

Slider Karte

Horizontale Karten, die nebeneinander eingebunden werden...

verfügen nicht über diese Funktion. Unterschiedlich lange Inhalte haben unterschiedliche Kartenhöhen zur Folge.

Horizontale Karte: Bild "contain" setzen

Bilder, die in der Horizontalen Karte eingebunden werden, können jetzt vom nebenstehenden Content entkoppelt eingebunden werden.

Indem Sie das Bild "contain" setzen, behält das Bild das Original-Seitenverhältnis bei und wird nicht beschnitten – allerdings zu Lasten von ggf. größeren, leeren Flächen unterhalb des Bildes.

Horizontale Karte mit Cover-Option

Möchten Sie das Bild nicht "contain" setzen, dann wird das Bild entsprechend des nebenstehenden Textes skaliert. Je länger der Text, desto größer wird das Bild skaliert.

Durch die Skalierung ist es sinnvoll, den Fokuspunkt nochmal zu prüfen und ggf. neu zu setzen. Besonders in der mobilen Darstellung kann es sonst passieren, das wichtige Bildinformationen weggeschnitten werden.

FAQ mit Filtern

Wie pflege ich Kategorien für FAQ in Magnolia?

Im ersten Schritt werden die Kategorien in der Kategorien-App festgelegt.

Hierbei ist unbedingt darauf zu achten, dass der vergebene interne Name unique sein muss, also nur einmalig vergeben werden kann.

Empfehlung: Name des Ordners-Kategorie = Interner Name

Was muss ich tun, nachdem ich die Kategorien festgelegt habe?

Entweder erstellen Sie neue Fragen und Antworten

oder Sie verwenden bereits erstellte FAQ.

WICHTIG: Die Fragen müssen über den Tab „Kategorien“ innerhalb der FAQ App einer Kategorie zugeordnet werden.

Es ist möglich, einer Frage mehrere Kategorien zuzuordnen.

Wie binde ich Filter auf der Seite ein?

Nachdem Sie die Kategorien in der Kategorien-App festgelegt und

die Fragen mit den Kategorien in der FAQ-App verknüpft haben,

können Sie die Filter und FAQ auf der gewünschten Seite redaktionell über die Komponente FAQ | Akkordeon einbinden.

Falls gewünscht, können Sie einen Filter "aktiv" setzen. Dann werden zunächst nur die dem aktivierten Filter zugehörigen FAQ eingeblendet.