Hero-Slider
Die ThemeWare® "Hero-Slider"-Blöcke sind CMS-Blöcke die mit den entsprechenden Slider CMS-Elementen befüllt werden müssen. Andere CMS-Elemente funktionieren nicht im Hero-Slider.
Die Slider-Blöcke haben daher spezielle CMS-Elemente.
Verfügbare "Hero-Slider"-Blöcke
"Hero-Slider"-Block hinzufügen
Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.
Hinweis: Den "Hero-Slider" findest du in der Rubrik "ThemeWare® {Dein Theme}" [Pro]
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252F6ejyjc2lljl6sGkEX1JJ%252Fcms-extensions--add-slider-block.png%3Falt%3Dmedia%26token%3D25caf128-a2cc-4181-867b-beb5bbbdc85a&width=768&dpr=4&quality=100&sign=96e81b6b&sv=1)
CSS-Klassen
In den Block-Einstellungen hast du die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren.
Da der ThemeWare® "Hero-Slider" (ab ThemeWare® 2.0) auf dem Bootstrap 5 Carousel (Dokumentation) basiert, sind folgende CSS-Klassen besonders interessant:
Überblenden (Crossfade)
Füge die CSS-Klasse carousel-fade
dem Block hinzu, um Slides mit einem Fade-Übergang anstelle eines Slides zu animieren.
Dunkle Controls
Füge die CSS-Klasse carousel-dark
dem Block hinzu, um Steuerelemente dunkler zu gestalten.
Demos
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
Last updated