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
Farbe (Primär)
Feldtyp:
Farbauswahl
Beispiel Wert:#bcc1c7
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Sliders" => Abschnitt "Punkte-Navigation"
Technischer Name:twt-base-slider-navigation-dots-background-color
Farbe (Sekundär) @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