> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/cms-extensions/cms-blocks/teaser.md).

# Teaser

{% hint style="info" %}
**Note**: This article is work in progress.
{% endhint %}

Die **ThemeWare® Teaser-Blöcke** haben keine spezielle Funktion und dienen lediglich der Übersicht in der Auswahl der CMS-Blöcke im Erlebniswelt-Editor.

Du musst diese CMS-Blöcke nicht unbedingt nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

{% hint style="info" %}
**Hinweis**: Mehr Informationen zu den ThemeWare® Teaser-Elementen findest du hier: [Teaser](/additional-features/cms-extensions/cms-elements/teaser.md)
{% endhint %}

***

## Available teaser blocks

* Text-Teaser
* Text-Teaser (verziert)
* Button-Teaser
* Call-to-Action
* Hover-Box
* Image-Teaser
* Hero-Teaser
* Advanced-Teaser
* Classic-Teaser
* Modern-Teaser
* Runder Teaser

{% hint style="warning" %}
**Note**: These blocks are available only in the ThemeWare® Pro Edition.
{% endhint %}

***

## Add teaser block

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

> **Hinweis**: Teaser-Blöcke findest du in der Rubrik "ThemeWare® Allgemein" \[Pro]

![Adding a teaser CMS block](/files/Xnutsvm0haJQyUyFN8E6)

***

## CSS-Klassen

In den Block-Einstellungen hast du die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren.

Für die ThemeWare® Teaser-Blöcke sind folgende CSS-Klassen besonders interessant:

{% embed url="<https://knowledge.themeware.design/knowledge-base/tutorials/shopping-experiences/embellishing-images-in-cms-blocks-with-hover-effects>" %}
ThemeWare® Knowledge Base => Embellishing images in CMS blocks with hover effects
{% endembed %}