> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider.md).

# Hero-Slider

Die **ThemeWare® Hero-Slider-Elemente** (Slides) sind explizit für die Verwendung im CMS-Block "**Hero-Slider (...)**" (siehe [Hero-Slider](/zusatzfunktionen/cms-erweiterungen/cms-bloecke/hero-slider.md)) vorgesehen. Die Elemente sind nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und funktionieren nicht in anderen CMS-Blöcken.

## Verfügbare Slider-Elemente

* [Call-to-Action-Slide (Hero-Slider)](/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider/call-to-action-hero-slider.md)
* [Text-Slide (Hero-Slider)](/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider/text-hero-slider.md)
* [Image-Slide (Hero-Slider)](/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider/image-slide-hero-slider.md)

***

## "Hero-Slider" hinzufügen

Füge den CMS-Block des gewünschten Hero-Slider einfach per Drag’n’Drop deiner Erlebniswelt hinzu. Mehr Informationen dazu findest du in der folgenden Anleitung: [Hero-Slider](/zusatzfunktionen/cms-erweiterungen/cms-bloecke/hero-slider.md)

> **Hinweis**: Den Hero-Slider findest du in der Rubrik "ThemeWare® Allgemein" \[Pro]

***

## Slider-Element austauschen

Der ThemeWare® Hero-Slider ist mit [Text-Slide (Hero-Slider)](/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider/text-hero-slider.md) Elementen befüllt. Du kannst diese gegen [Call-to-Action-Slide (Hero-Slider)](/zusatzfunktionen/cms-erweiterungen/cms-elemente/hero-slider/call-to-action-hero-slider.md) austauschen:

1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
2. Navigiere mit der Pfeil-Navigation (2) zum gewünschten CMS-Element
3. Klicke auf das ![](https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FetZwBWLj6lth8qDLFkje%2Ficon-repeat.png?alt=media\&token=8f649e0f-6354-44f7-adda-e799d97d1356) "Austauschen"-Icon (3) um das CMS-Element zu konfigurieren
4. Es öffnet sich das Pop-up "Element auswählen"
5. Wähle das gewünschte CMS-Element (z.B. "Call-to-Action-Slide (Hero-Slider)") aus (4)

Du hast nun das CMS-Element ausgetauscht.

<div><figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FsgrFl5d9hYZppMAgp65l%2Fcms-hero-slider--replace-element.png?alt=media&amp;token=1a69612e-c559-4e73-a848-152e37616b4c" alt=""><figcaption><p>ThemeWare® Hero-Slider: Element austauschen</p></figcaption></figure> <figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2Fh727YjP2XGSXy4GPtTfn%2Fcms-extensions--hero-slider-select-element.png?alt=media&amp;token=ab304611-42f6-48e4-a2d9-18379e74a6be" alt=""><figcaption></figcaption></figure></div>

***

## Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

{% embed url="<https://demo.themeware.design/modern/Features/ThemeWare-CMS-Elemente/Hero-Slider/>" %}
ThemeWare® Demoshop
{% endembed %}