Carousel

Dieses Feature ist erst ab der 0.1 Theme Version 1.5.0 verfügbar.

Das Carousel basiert auf dem Spectre Carousel und kommt komplett ohne Javascript aus.

Umschlagselemente platzieren

Als erstes wird ein Element vom Typ Umschlag Anfang (Content Slider) und Umschlag Ende benötigt. Bei den Inhaltselementen muss das Template ce_sliderStart_carousel bzw. ce_sliderStop_carousel ausgewählt werden. Im Layout muss das js_slider-Template nicht aktiviert werden.

Umschlag Anfang

Umschlag Stop

Teaserbox-Element platzieren

Innerhalb der Umschlag-Elemente platzieren Sie ein Element vom Typ Teaserbox (unter Contao Themes). Dem Inhaltselement muss das Template ce_cthemes_teaserbox_carousel zugewiesen werden. Sie können eine Überschrift, einen Text, Link und ein Bild auswählen. Bei dem Bild muss für die richtige Größe die Bildgröße Carousel ausgewählt werden.

Am Ende sollten die Struktur der Elemente wie folgend aussehen:

Darstellung anpassen

Durch das Hinzufügen von weiteren Klassen kann die Schriftfarbe und das Aussehen des Buttons angepasst werden. Die Einstellungen können Sie im Element Teaserbox unter Erweiterte CSS-Klassen (ganz am Ende) vornehmen.

Um den Button mit schwarzen Hintergrund und weißer Schriftfarbe darzustellen können Sie unter Button-Style die Klasse .btn-primary auswählen.

Beispiel