Grid-Blöcke in Erlebniswelten einsetzen
Grid-Layouts fügen Sie wie jeden anderen CMS-Block ein – über einen zusätzlichen Auswahlbereich in der linken Seitenleiste des Erlebniswelten-Editors.
Die Custom-Block-Kategorie
Unterhalb der Standard-Kategorieauswahl im Block-Picker fügt das Plugin ein zweites Auswahlfeld hinzu: Custom-Block-Kategorie. Darüber erreichen Sie alle Grid-Blöcke, gruppiert nach Layouttyp:
| Gruppe | Inhalt |
|---|---|
| Spalten (gleich) | Einzeilige Layouts mit gleich breiten Spalten (volle Breite, 2–8 Spalten). |
| Spalten (ungleich) | Einzeilige Layouts mit unterschiedlich breiten Spalten (z. B. 1/3, 2/3). |
| Mehrzeilig | Layouts über mehrere Zeilen (z. B. „6 Spalten, 3 oben, 3 unten"). |
| Eigene Blöcke | Ihre selbst gespeicherten Grid-Vorlagen. |
Insgesamt stehen 23 fertige Presets bereit, die ohne Einrichtung sofort verfügbar sind. Ihre eigenen Vorlagen erscheinen zusätzlich unter Eigene Blöcke.
Standard- und Custom-Auswahl arbeiten zusammen
Sobald Sie eine Gruppe aus der Custom-Block-Kategorie wählen, zeigt die Blockliste die passenden Grid-Blöcke. Wählen Sie stattdessen wieder eine Standard-Kategorie (oder leeren die Custom-Auswahl über das ×), erscheint die normale Blockliste. Die Grid-Blöcke tauchen bewusst nicht in der Standard-Kategorie auf, um Dopplungen zu vermeiden.
Ein Grid einfügen und befüllen
- Öffnen Sie eine Erlebniswelt unter Inhalte → Erlebniswelten zur Bearbeitung.
- Öffnen Sie den Block-Picker (linke Seitenleiste).
- Wählen Sie unter Custom-Block-Kategorie eine Gruppe und darin das gewünschte Layout.
- Ziehen Sie den Block per Drag-and-drop auf die Arbeitsfläche.
- Der Block enthält nun leere Grid Slots. Jeder Slot ist ein Platzhalter mit dem Hinweis:
„Dieser Slot ist ein Platzhalter. Ersetzen Sie ihn durch ein anderes Element, um Inhalt hinzuzufügen."
- Ersetzen Sie jeden Platzhalter durch ein beliebiges CMS-Element (Text, Bild, Produkt-Slider …) und pflegen Sie den Inhalt wie gewohnt.
Layout stimmt erst in der Vorschau
Im Editor sehen Sie die Slots als Platzhalterraster. Das endgültige responsive Verhalten (z. B. das gestapelte Mobile-Layout) prüfen Sie am besten in der Storefront-Vorschau.
Eine Vorlage direkt im Editor erstellen
Sie müssen den Erlebniswelten-Editor nicht verlassen, um eine neue Vorlage anzulegen:
- Nutzen Sie in der Seitenleiste die Aktion Grid erstellen. Es öffnet sich ein Dialog mit dem gewohnten Grid-Editor.
- Vergeben Sie einen Namen und konfigurieren Sie das Raster.
- Klicken Sie auf Speichern. Die neue Vorlage steht anschließend unter Eigene Blöcke bereit.
Über Zur Grid Übersicht springen Sie bei Bedarf in die vollständige Vorlagenliste unter Inhalte → Dynamic Grids.
Screenshot-Checkliste
- [ ] Block-Picker mit Custom-Block-Kategorie und aufgeklappten Gruppen
- [ ] Eingefügter Grid-Block mit Grid Slot-Platzhaltern
- [ ] Slot ersetzt durch ein echtes CMS-Element
- [ ] Dialog Neues Grid erstellen aus der Seitenleiste