Jede Erlebniswelt basiert auf einem "Layout". Es gibt verschiedene Layout-Typen (Landingpage, Shopseite, Kategorieseite und Produktseite).

Layouts können über die Kategorie- bzw. Produkt-Verwaltung einer Kategorie bzw. einem Produkt zugewiesen werden.

Ein Erlebniswelt-Layout besteht aus einer oder mehreren CMS-Sektionen.

Layout-Einstellungen

Die Einstellungen für das gewählte CMS-Layout erreichst du über das "Zahnrad"-Icon (1) am rechten Fensterrand. Ein Klick darauf öffnet die Sidebar (2) in welcher du die Layout-Einstellungen findest. Hier kannst du beispielsweise den Namen und den Typ des Layouts ändern.

Einstellungen

Du kannst jedem Layout einen Namen geben und CSS-Klassen hinzufügen. Zudem kannst du den Layout-Typ (Shopseite, Landingpage, Kategorieseite) ändern.

Mehr Informationen zum Thema "Erlebniswelten" in Shopware 6 findest du in der Shopware-Dokumentation:

Jedes CMS-Layout besteht aus einer oder mehreren CMS-Sektionen. Dadurch lassen sich viele unterschiedliche Designs mit fullwidth und/oder boxed Sektionen umsetzen.

Es gibt derzeit zwei Arten von CMS-Sektionen: "Sidebar" und "Volle Breite". Also einer Sektion mit Sidebar und einer Sektion ohne Sidebar.

Eine CMS-Sektion wird mit einem oder mehreren CMS-Blöcken befüllt. Mehr dazu erfährst du im folgenden Artikel.

CMS-Sektion hinzufügen

Ein neues Layout enthält automatisch eine CMS-Sektion. Um eine weitere Sektion vor einer bestehenden Sektion hinzuzufügen, klicke auf das "Plus"-Icon (1) über der Sektion. Um eine Sektion nach einer bestehenden Sektion hinzuzufügen, klicke auf das "Plus"-Icon (2) unter der Sektion.

Nun kannst du zwischen den beiden verfügbaren Arten von CMS-Sektionen ("Sidebar" und "Volle Breite") auswählen.

Die Einstellungen für eine CMS-Sektion erreichst du über das "Layout"-Icon (1) am linken Rand der entsprechenden Sektion. Ein Klick darauf öffnet die Sidebar (2) in welcher du die Sektions-Einstellungen findest. Hier kannst du beispielsweise den Namen und den Größenmodus der Sektion ändern.

Du kannst jeder Sektion einen Namen geben und CSS-Klassen hinzufügen. Du kannst den Größenmodus jeder Sektion auswählen sowie eine Hintergrundfarbe und ein Hintergrundbild zuweisen. Im Abschnitt "Sichtbarkeit" kannst du zudem festlegen auf welchem Gerät die Sektion angezeigt werden soll.

Die Darstellung von CMS-Sektionen im Erlebniswelt-Editor weist in Shopware 6 etwas von der tastsächlichen Darstellung in der Storefront ab. Eine CMS-Sektion geht stets über die volle Breite (außer du nutzt das ThemeWare® Boxed-Layout) der Erlebniswelt. Der eigentliche Inhalt einer Sektion kann dann über die "volle Breite" oder "boxed" ("Zentrierter Inhalt") dargestellt werden.

Nachfolgend siehst du einen Vergleich einer CMS-Sektion im Erlebniswelt-Editor und in der Storefront.

1. CMS-Sektion (1) [Hintergrundfarbe: #ffd181]

2. CMS-Block (2) [Hintergrundfarbe: #ff8d30]

3. CMS-Element (3)

Mehr Informationen zum Thema "Erlebniswelten" in Shopware 6 findest du in der Shopware-Dokumentation:

Erlebniswelten sind eine Grundfunktion von Shopware 6 und ersetzen die Einkaufswelten aus Shopware 5. Mit Erlebniswelten kannst du Content-Seiten wie Landingpages, Shopseiten, Kategorieseiten und Produktseiten erstellen und gestalten.

Grundlagen

Jede Erlebniswelt basiert auf einem "Layout". Es gibt verschiedene Layout-Typen (Landingpage, Shopseite, Kategorieseite und Produktseite).

Erlebniswelt-Verwaltung

Ein Layout erstellst oder öffnest du über die Erlebniswelt-Verwaltung von Shopware 6. Diese erreichst du im Menüpunkt Inhalte => Erlebniswelten in deiner Administration.

CMS-Editor (Erlebniswelt-Editor)

Erstellst oder öffnest du ein Layout, gelangst du in den Erlebniswelt-Editor (kurz CMS-Editor). In diesem WYSIWYG-Editor (1) kannst du dein Erlebniswelt-Layout bearbeiten und erhältst gleichzeitig eine grobe Vorschau.

Zudem kannst du in der Sidebar allgemeine Einstellungen (2) vornehmen, wie den Namen des Layouts oder die CSS-Klasse der Erlebniswelt in der Storefront.

Ein Layout (siehe ) besteht aus einer oder mehreren Sektionen (1, siehe ) in die einzelne Blöcke (2, siehe ) hinzugefügt werden, die wiederum aus einem oder mehreren Elementen (3, siehe ) wie Texten oder Bildern bestehen.

Nachfolgend siehst du ein Layout vom Typ "Landingpage" im Erlebniswelt-Editor von Shopware 6:

Eine CMS-Sektion (1) besteht aus einem oder mehren CMS-Blöcken. Für jede Sektion kannst du in der Sidebar grundlegende Einstellungen (2) vornehmen, wie den Namen der Sektion, die CSS-Klasse oder die Hintergrundfarbe der Sektion in der Storefront.

Ein CMS-Block (1) beinhaltet ein oder mehrere CMS-Elemente. Für jeden Block kannst du in der Sidebar grundlegende Einstellungen (2) vornehmen, wie den Namen des Blocks, die CSS-Klasse, die Hintergrundfarbe oder Abstände des Blocks in der Storefront.

Ein CMS-Element (1) kannst du konfigurieren, wenn du ein entsprechendes Element anklickst und das Zahnrad-Symbol (2) (oben rechts im Element) anklickst.

Die Konfiguration eines CMS-Elements ist recht selbsterklärend. CMS-Elemente von ThemeWare® bieten dir wie unser Theme selber sehr viele Konfigurationsmöglichkeiten. Probiere diese einfach einmal aus oder sieh dir die entsprechenden Hilfe-Texte an. Weitere Informationen zu unseren Elementen findest du zudem im ThemeWare® Handbuch.

Mit ThemeWare® erhältst du eine umfangreiche Sammlung an verkaufsfördernden CMS-Blöcken und CMS-Elementen.

Da nicht zu jedem CMS-Block ein CMS-Element gehören muss und umgekehrt, sprechen wir von CMS-Erweiterungen.

Du kannst sowohl für CMS-Sektionen als auch für CMS-Blöcke eine Hintergrundfarbe und/oder ein Hintergrundbild konfigurieren. Dies bietet dir bereits diverse Gestaltungsmöglichkeiten. Noch mehr Gestaltungsmöglichkeiten bieten dir dann die entsprechenden CMS-Elemente von Shopware und ThemeWare® Pro.

Möchtest du eine alternative Sprache in einem CMS-Element konfigurieren, kannst du oben rechts im Editor der entsprechenden Erlebniswelt einfach die Sprache wechseln.

Alle Informationen zu Features und Erweiterungen von ThemeWare® für Erlebniswelten in Shopware 6 findest du im ThemeWare® Handbuch:

Mehr Informationen zum Thema "Erlebniswelten" in Shopware 6 findest du in der Shopware-Dokumentation:

CMS-Blöcke haben einem oder mehreren Slots. Die Slots (oftmals Spalten) werden mit jeweils einem CMS-Element befüllt.

1. Klicke auf das Plus-Icon um einen CMS-Block auszuwählen

2. Wähle im Dropdown "Block-Kategorie" den gewünschten CMS-Block aus.

Ein CMS-Element ist das eigenetliche Inhaltselement in einer Erlebniswelt, genauer gesagt in einem CMS-Block. Shopware bietet dir eine Auswahl an CMS-Elementen, darüber hinaus erhältst du mit der ThemeWare® Pro-Edition eine umfangreiche Sammlung verkaufsfördernder CMS-Elemente.

CMS-Element hinzufügen

Um ein CMS-Element platzieren zu können brauchst du einen geeigneten CMS-Block in deiner Erlebniswelt. Diesem CMS-Block kannst du dann ein CMS-Element zuweisen. Mehr dazu erfährst du im Abschnitt CMS-Block.

CMS-Element austauschen

1. Fahre mit der Maus über den CMS-Block

2. Klicke auf auf das "Austauschen"-Icon (1)

3. Es öffnet sich das Pop-up "Element auswählen"

4. Wähle hier das gewünschte CMS-Element aus (2)

1. Klicke auf den entsprechenden CMS-Block um den "Bearbeitungsmodus" zu aktivieren

2. Fahre mit der Maus über das gewünschte CMS-Element

3. Klicke auf das "Zahnrad"-Icon (1) um das CMS-Element zu konfigurieren

Die Einstellungen von CMS-Elementen variieren abhängig vom CMS-Element. Alle Informationen zu den CMS-Elementen von ThemeWare® findest du im .

Möchtest du eine alternative Sprache in einem CMS-Element konfigurieren, kannst du oben rechts im Editor der entsprechenden Erlebniswelt einfach die Sprache wechseln.

Mehr Informationen zu ThemeWare® CMS-Elementen findest du in der ThemeWare® Handbuch:

Mehr Informationen zum Thema "Erlebniswelten" in Shopware 6 findest du in der Shopware-Dokumentation: