# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.themeware.design/wissensdatenbank/grundwissen/erlebniswelten/cms-block.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.