Konfiguration
Individuelles Styling
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht verwenden (Standard) • individuelles Styling verwenden
Beispiel Wert:
nicht verwenden (Standard)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")"
Technischer Name:
twt-image-slider-controls-individual
Im Tab "Inhalt" kannst du alle Slider global konfigurieren.
Pfeile-Navigation (Individuelles Styling)
Darstellungsart
Feldtyp: Auswahlfeld
Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis
Beispiel Wert:
Rechteck (Standard)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-style
Ecken
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht abgerundet • abgerundete Ecken (Standard) • runde Ecken
Beispiel Wert:
abgerundete Ecken (Standard)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-corner-type
abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")
runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.
Hover-Effekt
Feldtyp: Auswahlfeld
Verfügbare Werte: • kein Effekt (Standard) • fade in
Beispiel Wert:
fade in
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-hover-type
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-color
Rahmenfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-border-color
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-background-color
Textfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-secondary
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-color-hover
Rahmenfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-image-slider-controls-border-color, 10%)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-border-color-hover
Hintergrundfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-image-slider-controls-background-color, 7.5%)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-controls-background-color-hover
Punkte-Navigation (Individuelles Styling)
Horizontale Ausrichtung
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten (Standard)
Beispiel Wert:
zentriert ausrichten (Standard)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Punkte-Navigation (Individuelles Styling)"
Technischer Name:
twt-image-slider-navigation-dots-alignment
Last updated
