# CMS-Blöcke

In diesem Bereich findest du alles über die **ThemeWare® CMS-Blöcke** welche du in den "Block-Kategorien" auswählen und deiner Erlebniswelt hinzufügen kannst.

## ThemeWare® CMS-Blöcke

Mit ThemeWare® erhältst du eine umfangreiche und wachsende Auswahl an CMS-Blöcken um deinen Shop zu individualisieren. Die ThemeWare® CMS-Blöcke sind ab Version 0.5.0 in der **Pro-Edition** und teilweise in der **Cloud-Edition** verfügbar.

Weitere CMS-Blöcke sind sowohl für die Pro-Edition als auch für die Cloud-Edition in Arbeit und folgen mit kommenden Updates. Sei gespannt!

{% hint style="success" %}
**Tipp**: Wenn du weitere Ideen oder Wünsche zu bestehenden oder neuen Blöcken hast, sende uns gerne [Verbesserungsvorschläge](https://service.themeware.design/verbesserungsvorschlag) über unser Service Portal.
{% endhint %}

***

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

![ThemeWare® CMS-Block hinzufügen](/files/l7BtBTjPKBm454pXaEf5)

### **Pro-Edition**

In der ThemeWare® Pro-Edition haben die ThemeWare® CMS-Blöcke eigene Kategorien und sind nach dem folgenden Muster gegliedert:

* **ThemeWare® Allgemein**
  * Enthält grundlegende Gestaltungsblöcke wir Slider, Teaser und Banner.
* **ThemeWare® Spalten**
  * Enthält Spalten-Blöcke die beliebig befüllt werden können.
* **ThemeWare® Grids**
  * Enthält Grid-Blöcke die mit Bildelementen befüllt werden können.
* **ThemeWare® Kategorieseite**
  * Enthält CMS-Blöcke für Kategorieseiten.
* **ThemeWare® Produktseite**
  * Enthält CMS-Blöcke für Produktseiten.
* **ThemeWare® Sidebar**
  * Enthält CMS-Blöcke für die Sidebar.
* **ThemeWare® Verschiedenes**
  * Enthält weitere seitenübergreifende CMS-Blöcke.

<figure><img src="/files/AFEzOr4H6weLNQTfAnmK" alt="" width="336"><figcaption><p>ThemeWare® Pro-Edition</p></figcaption></figure>

### **Cloud-Edition**

In der ThemeWare® Cloud-Edition findest du die ThemeWare® CMS-Blöcke in den Standard-Kategorien von Shopware (siehe "Text & Bild").

![ThemeWare® Cloud-Edition](/files/f96zG8zz0onDADkBHbId)

***

## 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 des Blocks zu definieren.

<figure><img src="/files/Fx69wEPCH8KPHtJN4aLA" alt="" width="347"><figcaption><p>Block-Einstellungen</p></figcaption></figure>

### CSS-Klassen

In den Block-Einstellungen hast du 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:

{% embed url="<https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/css-abstandsklassen-fuer-erlebniswelten>" %}
ThemeWare® Wissensdatenbank => CSS-Abstandsklassen für Erlebniswelten
{% endembed %}

Weitere Klassen findest du im Bereich "Anleitungen > Erlebniswelten" in der ThemeWare® Wissensdatenbank:

{% embed url="<https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten>" %}
ThemeWare® Wissensdatenbank => Erlebniswelten
{% endembed %}

***

## CMS-Block individuell stylen

Du kannst einen bestimmten CMS-Block individuell stylen, indem du ihm in den Block-Einstellungen eine eigene CSS-Klasse zuweist und die gewünschten Styles in deiner CSS-Datei oder der Theme-Konfiguration definierst.

***

## CMS-Element austauschen

Du kannst die CMS-Elemente in den meisten CMS-Blöcken austauschen. Mehr dazu erfährst du im Bereich [CMS-Elemente](/zusatzfunktionen/cms-erweiterungen/cms-elemente.md).

***

## Weiterführende Informationen

Weitere Informationen und Grundlagen zum Thema "Shopware 6 Erlebniswelten" und "CMS-Blöcken" findest du in der ThemeWare® Wissensdatenbank:

{% embed url="<https://wiki.themeware.design/wissensdatenbank/grundwissen/erlebniswelten/cms-block>" %}
ThemeWare® Wissensdatenbank
{% 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://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke.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.