Skip to main content
Ein Layout ist das Grundgerüst einer Webseite. Es legt fest, welche Bereiche es gibt (z.B. Header, Inhalt, Footer), welche CSS-Klassen sich auf Inhalte anwenden lassen und welche eigenen CSS- oder JavaScript-Dateien geladen werden. Typische Layouts sind b2b, b2c, Catalog, Login oder Webseite.

​
Layout-Liste

Öffne Administration → Layouts. Die Liste zeigt Beschreibung und Code. Über die Toolbar legst du ein Layout + Neu an, öffnest es mit Bearbeiten oder entfernst es mit Löschen.

​
Neues Layout anlegen

Klicke auf + Neu und fülle den Bereich Allgemein aus:
  • Code: Eindeutiger technischer Bezeichner
  • Beschreibung: Anzeigename (bis 45 Zeichen)
Speichere ab. Die Details pflegst du anschließend über Bearbeiten.

​
Layout bearbeiten

Wähle ein Layout aus und klicke auf Bearbeiten. Die Bearbeitungsansicht ist in mehrere Bereiche gegliedert. Jede Unterliste hat eine eigene Toolbar mit + Neu, Bearbeiten, Löschen sowie Nach oben / Nach unten.
Code und Beschreibung des Layouts.
Vordefinierte CSS-Modifikator-Klassen, die du im Builder einzelnen Zeilen oder Containern zuweist. Damit steuerst du z.B. Abstände, Ausrichtung, Hintergrundfarben oder Scroll-Verhalten. Beispiele: „Zeile ohne Abstände”, „Horizontal zentriert”, „Unterelemente gleiche Höhe”, „Hintergrund grau” oder „Inhalt im Modal laden”.Pro Klasse pflegst du Code (die CSS-Klasse) und Beschreibung (bis 80 Zeichen). Die Beschreibung erscheint im Builder zur Auswahl.
Die benannten Bereiche eines Layouts, in die Inhalte und Bausteine platziert werden. Beispiele: Inhalt, Inhalt über Breadcrumb, Header Logo, Header Account, Header Search, Header Basket, Footer Info, Footer Copyright sowie diverse Shop-Bereiche (Account-Startseite, Bestellabschluss, leerer Warenkorb).Pro Bereich pflegst du Code und Beschreibung (bis 45 Zeichen).
Eigene CSS- oder JavaScript-Dateien für das Layout. Pro Datei legst du fest:
  • Pfad: Pfad zur Datei (über Durchsuchen auswählbar)
  • Standardmäßig aktiv: Ob die Datei automatisch geladen wird (Ja/Nein)
Standardmäßig sind keine Datensätze vorhanden.
Speichere über Speichern oder Speichern und schließen.

​
Layout löschen

Öffne das Layout über Bearbeiten und klicke oben auf Löschen, oder wähle es in der Liste aus und nutze Löschen in der Toolbar.
Layouts sind die Basis für Seiten und Vorlagen. Lösche ein Layout nur, wenn es nicht mehr verwendet wird.

​
Verwandte Themen

Seitenvorlagen

Baupläne für Seiten anlegen.

Webseiten

Webseiten anlegen und verwalten.

Seiteninhalte

Inhalte in Layout-Bereiche einfügen.

Bausteine

Wiederkehrende Bausteine für Layout-Bereiche.