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