> 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/einfuehrung/erlebniswelten-verstehen.md).

# Erlebniswelten verstehen

Erlebniswelten sind das Baukastensystem von Shopware 6 (CMS). Damit gestaltest du Seiten frei, ohne Programmierkenntnisse. ThemeWare® erweitert diesen Baukasten um zahlreiche eigene Blöcke und Elemente.

## Der Aufbau einer Erlebniswelt

| Ebene       | Bedeutung                                                                              |
| ----------- | -------------------------------------------------------------------------------------- |
| **Layout**  | Die gesamte Erlebniswelt, mit einem Layout-Typ (z.B. "Shopseite")                      |
| **Sektion** | Ein horizontaler Abschnitt im Layout, wahlweise in voller Breite oder mit Sidebar      |
| **Block**   | Ein Baustein innerhalb einer Sektion, z.B. ein Bild-Text-Block oder ein Produkt-Slider |
| **Element** | Der eigentliche Inhalt in einem Block, z.B. ein Bild, ein Text oder ein Produkt-Slider |

## Die Layout-Typen

Beim Anlegen einer Erlebniswelt wählst du den "**Layout-Typ**". Er bestimmt, wofür das Layout verwendet werden kann:

* "**Shopseite**": für Seiten wie "Über uns", "Kontakt" oder "Versand und Zahlung"
* "**Landingpage**": für Kampagnen- und Aktionsseiten
* "**Kategorieseite**": für Kategorien inklusive Produktlisting
* "**Produktseite**": für Produktdetailseiten

{% hint style="info" %}
**Info**: Den Layout-Typ kannst du nachträglich in den Layout-Einstellungen ändern. Eine Ausnahme ist der Layout-Typ "Produktseite", dieser lässt sich nicht mehr umstellen.
{% endhint %}

## Eine Erlebniswelt anlegen

1. Öffne die Administration deines Shops
2. Wechsel über die Hauptnavigation in "**Inhalte**" => "**Erlebniswelten**"
3. Klicke auf "**Neues Layout anlegen**"
4. Wähle den "**Layout-Typ**" und ein Start-Layout aus
5. Vergib einen "**Layout-Namen**"
6. Baue dein Layout aus Sektionen, Blöcken und Elementen auf
7. Speicher das Layout

## Layouts zuweisen

Ein Layout wird erst sichtbar, wenn du es zuweist. Die Zuweisung erfolgt immer am jeweiligen Objekt:

| Layout-Typ     | Zuweisung                                                  |
| -------------- | ---------------------------------------------------------- |
| Shopseite      | An einer Kategorie vom Typ "Seite / Liste" im Tab "Layout" |
| Landingpage    | An der Landingpage im Tab "Layout"                         |
| Kategorieseite | An der Kategorie im Tab "Layout"                           |
| Produktseite   | Am Produkt im Tab "Layout"                                 |

Über die Schaltfläche "**Layout zuweisen**" bzw. "**Layout ändern**" wählst du das gewünschte Layout aus.

{% hint style="success" %}
**Tipp**: Ein Layout kann mehrfach zugewiesen werden. Änderst du das Layout, ändern sich alle Seiten, die es verwenden.
{% endhint %}

## ThemeWare® Blöcke und Elemente

Beim Bearbeiten einer Erlebniswelt findest du in der Block-Auswahl neben den Shopware-Kategorien auch die Kategorien von ThemeWare®:

* ThemeWare® Allgemein
* ThemeWare® Kategorie-Teaser
* ThemeWare® Banner
* ThemeWare® Spalten
* ThemeWare® Grids
* ThemeWare® Text & Bild
* ThemeWare® Kategorieseite
* ThemeWare® Produktseite
* ThemeWare® Sale
* ThemeWare® Sidebar
* ThemeWare® Verschiedenes

## Erlebniswelten im Theme konfigurieren

Übergreifende Einstellungen zu Erlebniswelten findest du in der Theme-Konfiguration:

* Tab "**Erlebniswelten**" => Bereich "**Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)**": Abstände und CSS-Scroll-Animationen
* Tab "**Erlebniswelten**" => Bereich "**ThemeWare® CMS-Styling**": hier legst du unter anderem fest, ob das "**ThemeWare® CMS-Styling**" für CMS-Shopseiten, CMS-Landingpages, CMS-Kategorieseiten und CMS-Produktseiten geladen wird, und konfigurierst Abstände, Hintergrund- und Rahmenfarben von CMS-Sektionen und CMS-Blöcken

Für einzelne ThemeWare® Blöcke gibt es zusätzlich eigene Bereiche, z.B. "**Bild-Slider (Kategorie 'Bilder')**", "**Galerie (Kategorie 'Bilder')**" oder "**Produkt-Slider (Kategorie 'Commerce')**".

***

## Weiterführende Informationen

* Einführung: [Startseite (ThemeWare® Erlebniswelt) einrichten](/wissensdatenbank/einfuehrung/startseite-themeware-erlebniswelt-einrichten.md)
* Einführung: [Shopseiten bearbeiten und anlegen](/wissensdatenbank/einfuehrung/shopseiten-bearbeiten-und-anlegen.md)
* Einführung: [Landingpages bearbeiten und anlegen](/wissensdatenbank/einfuehrung/landingpages-bearbeiten-und-anlegen.md)

#### ThemeWare® Video-Tutorial

{% embed url="<https://service.themeware.design/themeware-tutorial>" %}
ThemeWare® Video-Tutorial
{% endembed %}