Konfiguration
Pfeile-Navigation
Darstellungsart
Feldtyp: Auswahlfeld
Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis
Beispiel Wert:
Rechteck (Standard)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-style
Im Tab "Erlebniswelten" kannst du verschiedene Slider individuell konfigurieren.
Ecken
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht abgerundet • abgerundete Ecken (Standard) • runde Ecken
Beispiel Wert:
abgerundete Ecken (Standard)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-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 "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-hover-type
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-color
Rahmenfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-border-color
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-background-color
Textfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-secondary
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-color-hover
Rahmenfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-base-slider-controls-border-color, 10%)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-border-color-hover
Hintergrundfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-base-slider-controls-background-color, 7.5%)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Pfeile-Navigation"
Technischer Name:
twt-base-slider-controls-background-color-hover
Punkte-Navigation
Darstellungsart
Feldtyp: Auswahlfeld
Verfügbare Werte: • Rechteck • Quadrat/Kreis (Standard)
Beispiel Wert:
Quadrat/Kreis (Standard)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-style
Ecken
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken (Standard)
Beispiel Wert:
runde Ecken (Standard)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-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: • Standard • vergrößern • umranden • ausfüllen • kreisförmig umranden
Beispiel Wert:
Standard
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-hover-type
Horizontale Ausrichtung
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten (Standard)
Beispiel Wert:
zentriert ausrichten (Standard)
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-alignment
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#bcc1c7
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-background-color
Hintergrundfarbe @active/hover
Feldtyp: Farbauswahl
Beispiel Wert:
#798490
Pfad zur Einstellung: Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:
twt-base-slider-navigation-dots-background-color-active
Last updated
