# 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](https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FqKrZq60qdMgWftMHAnKP%2Fcms-extensions--add-cms-block.png?alt=media\&token=b46d38be-c147-4508-a14f-6c5856c0e719)

### **Pro-Edition**

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

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

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2F0AfWDU8AyrF5aMTtaGvB%2Fcms-extensions--pro-edition.png?alt=media&#x26;token=ce752e4e-ae1f-459b-b426-f3b9fd96bcd3" 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](https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2F4YW2Upd6nJbIFGQLqaBN%2Fcms-extensions--cloud-edition.png?alt=media\&token=af8b27ae-831f-4621-8ecd-c50559c7afc8)

***

## 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="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FDb8XFOvG3NN0KJWHbR6n%2Fcms-extensions--block-settings.png?alt=media&#x26;token=8b053b0f-c5ef-4adc-9625-404fc7e91335" 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](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-elemente "mention").

***

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