> 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/cms-block.md).

# CMS-Block

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

<figure><img src="/files/ExtoAs54aY8rvc5rTlsF" alt=""><figcaption><p>CMS-Block</p></figcaption></figure>

***

## CMS-Block hinzufügen

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.
3. Ziehe den CMS-Block per Drag'n'Drop in deine Erlebniswelt.

<figure><img src="/files/hzvSL0oU77XLb5rOqfaR" alt=""><figcaption><p>CMS-Block hinzufügen</p></figcaption></figure>

***

## Block-Einstellungen

Die CMS-Blöcke in Shopware 6 verfügen über verschiedene Konfigurationsfelder. Im Abschnitt "Layout" findest du beispielsweise die Möglichkeit "CSS-Klassen" zu ergänzen und das "Padding" (den Innenabstand) des Blocks zu definieren.

<figure><img src="/files/9lZ3ngvNoSDWkXRcyCbF" alt="" width="231"><figcaption><p>Block-Einstellungen</p></figcaption></figure>

### Einstellungen

Du kannst jedem Block einen **Namen** geben und **CSS-Klassen** hinzufügen. Zudem kannst du die Innen-**Abstände** des Blocks festlegen sowie eine **Hintergrundfarbe** und ein **Hintergrundbild** zuweisen. Im Abschnitt "**Sichtbarkeit**" kannst du zudem festlegen auf welchem Gerät der Block angezeigt werden soll.

### CSS-Klassen

In den Block-Einstellungen hast du zudem die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren. ThemeWare® bietet dir eine Reihe von CSS-Klassen, die du in deinen Erlebniswelten nutzen kannst.

Für alle CMS-Blöcke sind folgende CSS-Klassen interessant:

{% content-ref url="/pages/6Z9w4RIT14uWcIDRFDWX" %}
[CSS-Abstandsklassen für CMS-Sektionen/-Blöcke](/wissensdatenbank/anleitungen/erlebniswelten/css-abstandsklassen-fuer-erlebniswelten.md)
{% endcontent-ref %}

Weitere Klassen findest du im folgenden Bereich "Anleitungen" > "Erlebniswelten":

{% content-ref url="/pages/x25fTDzs84isCud97nFP" %}
[Erlebniswelten](/wissensdatenbank/anleitungen/erlebniswelten.md)
{% endcontent-ref %}

Zudem kannst ebenfalls CSS-Klassen vom [Bootstrap](https://getbootstrap.com/docs/5.1/getting-started/introduction/) verwenden, da die Storefront in Shopware 6 auf Bootstrap 5 basiert.

***

## CMS-Element austauschen

Du kannst die CMS-Elemente in den meisten CMS-Blöcken austauschen. Mehr dazu erfährst du im Artikel [CMS-Element](/wissensdatenbank/grundwissen/erlebniswelten/cms-element.md).

***

#### Weiterführende Informationen

Mehr Informationen zu ThemeWare® CMS-Blöcken findest du in der ThemeWare® Handbuch:

{% embed url="<https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke>" %}
ThemeWare® Handbuch
{% 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>" %}
Shopware Dokumentation: Erlebniswelten
{% endembed %}