Versionshinweise
(brandbox >= 7.0)
Der CMS-Designer ist das Werkzeug um Aufbauen und Bearbeiten von Seiten.
Hierarchische Struktur
Im CMS-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 , um die Seitentabelle zu öffnen
- Klicken Sie in der Toolbar auf
- 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 , um den CMS-Designer zu öffnen
- Klicken Sie bei einem Element, in dem Sie ein neues Element anlegen möchten auf und dort auf
- 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 oder
Ü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 CMS-Designer dargestellt | ja |
Kontext | Der Kontext des Elements, wird vom CMS-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 , um den CMS-Designer zu öffnen
- Klicken Sie bei dem Element, das Sie bearbeiten möchten auf und dort auf
- 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 , um den CMS-Designer zu öffnen
- Klicken Sie bei dem Element, das Sie kopieren möchten auf und dort auf
- Es öffnet sich das Standard-Modal zum Kopieren eines Datensatzes
- Wählen Sie die gewünschten Kopiereinstellungen und bestätigen Sie
- Der CMS-Designer lädt neu und stellt die kopierte Ansicht dar
Ansicht verschieben
- Klicken Sie in der Schnellnavigation einer Seite auf , um den CMS-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 CMS-Designer.
Ansicht löschen
- Klicken Sie in der Schnellnavigation einer Seite auf , um den CMS-Designer zu öffnen
- Klicken Sie bei dem Element, das Sie löschen möchten auf und dort auf
- Es öffnet sich das Standard-Modal zum Löschen eines Datensatzes
- Wählen Sie die gewünschten Löscheinstellungen und bestätigen Sie
- Der CMS-Designer lädt neu und stellt die Änderungen dar