Artikel:
Hero-Slider
Artikel-Klasse: .hero .hero--full .hero--slider
Inhaltselemente:
Content-Slider Anfang: Template ce_sliderStart--hero-slider (global)
Hero-Elemente: Text + Bild (1920 x 948 px)
Content-Slider Ende: Template ce_sliderStop (global)
Seitenlayout: jQuery-Template j_slider (global)
Templates:
ce_sliderStart--hero-slider: Original-Template ce_sliderStart - Unterschiede: entfernt <div class="slider-wrapper"> ergänzt <div class="hero-slider">
ce_sliderStop: Unterschiede: entfernt die Slider-Controls, ergänzt ein </div>zum Schließen der Klasse .hero-slider
j_slider: bindet den Slick-Slider per Skript (SlickSlider Skript) ein, setzt die Einstellungen für den Slider
CSS:
.hero--slider für den Artikel
.hero-slider für das Inhaltselement .ce_sliderStart, auch im Template j_slider
/src/scss/components/_hero.scss
/src/scss/components/_slider.scss
Original-CSS