Seiten aufbauen im Designer

Versionshinweise

(brandbox >= 7.0)

Der Designer ist das Werkzeug um Aufbauen und Bearbeiten von Seiten.

Hierarchische Struktur

Im Designer stehen 3 Typen von Ansichten zur Strukturierung einer Seite zur Verfügung:

Seitenelemente

Können nur als direktes Kindelement der Seite platziert werden
Dienen zur Strukturierung auf oberster Ebene
Es wird mindestens ein Seitenelement auf einer Seite benötigt, da Inhaltselemente nur innerhalb von Seitenelementen angelegt werden können
Können nicht innerhalb von Abschnittselementen oder Inhaltselementen angelegt werden
Werden im Designer blau dargestellt

Abschnittselemente

Dienen zur Anordnung von Inhaltselementen in einem definierten Layout
Können nur Inhaltselemente enthalten
Können nur in Inhaltselementen platziert werden, für die dies erlaubt ist
Werden im Designer grün dargestellt
Das einzige in brandbox standardmäßig ausgelieferte Abschnittselement heißt "Container / Spalte" und kann in den Inhaltselementen "Container" und "Akkordeon" platziert werden

Inhaltselemente

Dienen zur Darstellung von Inhalten
Können in Seitenelementen oder Abschnittselementen platziert werden
Werden im Designer schwarz dargestellt

Seite anlegen

Öffnen Sie das Shop-Dashboard
Klicken Sie auf CMS → Seiten, um die Seitentabelle zu öffnen
Klicken Sie in der Toolbar auf das Plus Symbol
Pflegen Sie die Einstellungen und speichern Sie die Seite.

Übersicht der Einstellungen

Name	Beschreibung	Pflichtfeld

Name	Beschreibung	Pflichtfeld
Kollation (Sprache)	Die Kollation der Seite. Seiten sind mehrsprachig. Das CMS stellt die Seite abhängig der gewählten Sprache dar.	ja
Seite	Die Bezeichnung der Seite.	ja
Shortlink	Der Shortlink der Seite wird für den Aufbau der Seiten-URL und Verlinkungen verwendet. Er darf keine Leer- und Sonderzeichen enthalten.	ja
Theme	Das Theme, das für die Darstellung der Seite verwendet werden soll. Wird hier kein Theme gewählt, wird das Theme aus der CMS-Theme-Konfiguration verwendet.	nein
Template	Das Template bestimmt den Aufbau der Seite.	ja
Von der Suche ausschließen	Ist das Häkchen gesetzt, kann die Seite nicht über die Suche im CMS gefunden werden.	nein
Cache-Control	Die Cache-Control-Einstellungen für die Seite. Diese werden von Web-Browsern interpretiert und können die Ladezeiten der Seite verbessern.	nein
Reiter "Meta"	Enthält Meta-Einstellungen für Suchmaschinen.	nein
Reiter "SEO"	Enthält SEO-Einstellungen für Suchmaschinen.	nein

Beim Speichern einer neuen Seite wird automatisch ein neues Seitenelement mit der Bezeichnung "Hauptbereich" angelegt.

Ansicht anlegen

Klicken Sie in der Schnellnavigation einer Seite auf Beabeiten, um den Designer zu öffnen
Klicken Sie bei einem Element, in dem Sie ein neues Element anlegen möchten auf die drei Punkte und dort auf das Plus Symbol
Wählen Sie im sich öffnenden Modal die gewünschte Ansicht und bestätigen Sie
Der CMS-Designer lädt neu und zeigt die angelegte Ansicht
Zusätzlich wird der Ansichts-Datensatz in einem neuen Tab geöffnet. Dort können im Reiter Einstellungen die spezifischen Einstellungen für die Ansicht hinterlegt werden
Weiterhin muss im Reiter Allgemein eine Bezeichnung vergeben werden, diese wird nach Speichern im Designer dargestellt

Bei Abschnitts- und Inhaltselementen gibt es auch die Möglichkeit, Ansichten direkt über oder unter diesen Elementen anzulegen. Klicken Sie dafür im Kontextmenü auf den Pfeil nach oben oder den Pfeil nach unten

Übersicht der Einstellungen

Name	Beschreibung	Pflichtfeld

Name	Beschreibung	Pflichtfeld
Aktiv	Gibt an, ob die Ansicht beim Aufruf der Seite im öffentlichen Bereich dargestellt wird	nein
Bezeichnung	Die Bezeichnung der Ansicht, wird im Designer dargestellt	ja
Kontext	Der Kontext des Elements, wird vom Designer befüllt und kann nicht geändert werden	ja
Cache-Dauer	Gibt an, wie lange eine Ansicht gecached wird, bevor sie neu generiert wird. Mit "no cache" wird der Cache für diese Ansicht ausgeschaltet. Für optimale Ladezeiten sollte für jede Ansicht der Cache aktiviert werden	nein
Cache-Parameter	Hiermit können Request-Parameter definiert werden, die zur Unterscheidung des Caches bei dynamischen Ansichten dienen	nein
ODM	Enthält die Ansichts-spezifischen Einstellungen im JSON-Format, wird beim Speichern automatisch aus den Einstellungen befüllt	nein

Beim Speichern einer neuen Ansicht wird bei Ansichten, die Abschnittselemente enthalten müssen (im Standard "Container" und "Akkordeon"), automatisch mindestens ein Abschnittselemente angelegt.

Ansicht bearbeiten

Klicken Sie in der Schnellnavigation einer Seite auf Bearbeiten, um den Designer zu öffnen
Klicken Sie bei dem Element, das Sie bearbeiten möchten auf die drei Punkte und dort auf Bearbeiten
Der Ansichts-Datensatz wird in einem neuen Tab geöffnet. Dort können im Reiter Einstellungen die spezifischen Einstellungen für die Ansicht verändert werden. Die Bezeichnung der Ansicht kann im Reiter Allgemein geändert werden.
Nach Speichern lädt der CMS-Designer neu und stellt die Änderungen dar.

Ansicht kopieren

Klicken Sie in der Schnellnavigation einer Seite auf Bearbeiten, um den Designer zu öffnen
Klicken Sie bei dem Element, das Sie kopieren möchten auf die drei Punkte und dort auf Kopieren
Es öffnet sich das Standard-Modal zum Kopieren eines Datensatzes
Wählen Sie die gewünschten Kopiereinstellungen und bestätigen Sie
Der Designer lädt neu und stellt das kopierte Element dar

Ansicht verschieben

Klicken Sie in der Schnellnavigation einer Seite auf Bearbeiten, um den Designer zu öffnen
Klicken Sie das Element, das Sie verschieben möchten, mit der linken Maustaste an, ohne loszulassen, ziehen Sie es an die gewünschte Stelle und lassen sie die Maustaste los (Drag & Drop)
Nach erfolgreichem Verschieben wird eine Erfolgsmeldung dargestellt. Kann das Element nicht an die gewünschte Stelle verschoben werden, erscheint eine Fehlermeldung und das Element wird zurückgesetzt, indem der CMS-Designer neu lädt.

Achtung: Elemente können abhängig ihres Typs nicht an jede Stelle verschoben werden, siehe Seiten aufbauen im Designer#Hierarchische Struktur.

Ansicht löschen

Klicken Sie in der Schnellnavigation einer Seite auf Bearbeiten, um den Designer zu öffnen
Klicken Sie bei dem Element, das Sie löschen möchten auf die drei Punkte und dort auf das Mülleimer Symbol
Es öffnet sich das Standard-Modal zum Löschen eines Datensatzes
Wählen Sie die gewünschten Löscheinstellungen und bestätigen Sie
Der Designer lädt neu und stellt die Änderungen dar