> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/grundwissen/erlebniswelten.md).

# Erlebniswelten

In diesem Bereich findest du wichtige Grundlagen zur Arbeit mit Erlebniswelten in Shopware 6.

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.

{% hint style="info" %}
**Hinweis**: Alle Informationen zu den CMS-Erweiterungen von **ThemeWare®** für Shopware 6 findest du im ThemeWare® Handbuch: [CMS-Erweiterungen](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen).
{% endhint %}

***

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FgvAfNhkCdxUD2obaZJAO%2Fimage.png?alt=media&amp;token=7dc18c7b-4af2-4781-bf48-ee6ecbf213e0" alt=""><figcaption><p>Erlebniswelt-Verwaltung</p></figcaption></figure>

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2F4MRP3i6bgy7OgRzIjgf4%2Fimage.png?alt=media&amp;token=22f90a06-433b-4618-a5fb-fc55416b982e" alt=""><figcaption><p>Erlebniswelt-Editor</p></figcaption></figure>

### CMS-Layout (Erlebniswelt-Layout)

Ein **Layout** (siehe [CMS-Layout](/wissensdatenbank/grundwissen/erlebniswelten/cms-layout.md)) besteht aus einer oder mehreren **Sektionen** (1, siehe [CMS-Sektion](/wissensdatenbank/grundwissen/erlebniswelten/cms-sektion.md)) in die einzelne **Blöcke** (2, siehe [CMS-Block](/wissensdatenbank/grundwissen/erlebniswelten/cms-block.md)) hinzugefügt werden, die wiederum aus einem oder mehreren **Elementen** (3, siehe [CMS-Element](/wissensdatenbank/grundwissen/erlebniswelten/cms-element.md)) wie Texten oder Bildern bestehen.

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FRSdKplj9y2dKmeAuEdbw%2Fthemeware--elements-cms-layout.png?alt=media&amp;token=616af45a-1964-49ad-99be-14033be7baa4" alt=""><figcaption><p>CMS-Layout im Editor: (1) CMS-Sektion – (2) CMS-Block – (3) CMS-Element</p></figcaption></figure>

{% content-ref url="/pages/wUfqEqpiaRjI7T97ZIuM" %}
[CMS-Layout](/wissensdatenbank/grundwissen/erlebniswelten/cms-layout.md)
{% endcontent-ref %}

### CMS-Sektion

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.

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FDgJKyEt5FZEOyE2Ju7cf%2Fimage.png?alt=media&amp;token=4f3b7b2b-6232-453a-8da9-9a617db561c7" alt=""><figcaption><p>CMS-Sektion</p></figcaption></figure>

{% content-ref url="/pages/NAyEuQWWhQoiTHahSsiF" %}
[CMS-Sektion](/wissensdatenbank/grundwissen/erlebniswelten/cms-sektion.md)
{% endcontent-ref %}

### CMS-Block

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.

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2Fu05oj0D8jPSK5mHcpsXj%2Fadmin--cms-block.png?alt=media&amp;token=34d6db12-af63-4296-8b8c-2578d006b113" alt=""><figcaption><p>CMS-Block</p></figcaption></figure>

{% content-ref url="/pages/npjNVM1y834OUF2Al8rc" %}
[CMS-Block](/wissensdatenbank/grundwissen/erlebniswelten/cms-block.md)
{% endcontent-ref %}

### CMS-Element

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FqlhsdW9ihgVE2BhZUFMm%2Fimage.png?alt=media&amp;token=90bc2044-7fb9-4611-86c9-02dc87032ad1" alt=""><figcaption><p>CMS-Element</p></figcaption></figure>

{% content-ref url="/pages/zvrLrar6m6Bni0ymqB3S" %}
[CMS-Element](/wissensdatenbank/grundwissen/erlebniswelten/cms-element.md)
{% endcontent-ref %}

### CMS-Element Konfiguration

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FK5pBrRgFsK8wJj3LNNzp%2Fimage.png?alt=media&amp;token=97851c8b-c879-426c-bc00-d5323f9ee3f6" alt=""><figcaption><p>CMS-Element Konfiguration</p></figcaption></figure>

### CMS-Erweiterungen

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

{% hint style="info" %}
**Tipp**: Bevor du mit der Bearbeitung deiner Erlebniswelten startest empfehlen wir dir einen Blick in unser **Video-Tutorial**. Im Video "[Erlebniswelten verstehen](https://service.themeware.design/themeware-tutorial)" erklären wir dir wichtige Grundlagen welche dir beim Erstellen und Bearbeiten sehr weiterhelfen.

Ergänzend dazu empfehlen wir dir einen Blick in die offizielle **Shopware Dokumentation**: [Erlebniswelten](https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten)
{% endhint %}

***

#### Tipp: Hintergrundfarbe/Hintergrundbild

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.

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FdpTJbPTOwR92Um9l7G9t%2Fcms-section-in-the-storefront.png?alt=media&amp;token=66cbfefe-06a7-463f-9790-f0edb569f72a" alt=""><figcaption><p>Storefront: (1) CMS-Sektion – (2) CMS-Block – (3) CMS-Element</p></figcaption></figure>

***

## Mehrsprachigkeit

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

<figure><img src="https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FlCsREHVXgUSqRx6gUbwF%2Fcms-extensions--change-language.png?alt=media&amp;token=37880f20-91d8-4b4f-a240-0a2ce9cc709d" alt=""><figcaption><p>Erlebniswelt: Sprache wechseln</p></figcaption></figure>

***

#### Weiterführende Informationen

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

{% embed url="<https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen>" %}
ThemeWare® Handbuch: Verkaufsfördernde Erlebniswelten mit ThemeWare®
{% endembed %}

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

{% embed url="<https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten>" fullWidth="false" %}
Shopware Dokumentation: Erlebniswelten
{% endembed %}