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]


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

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH