Pfeile-Navigation
Darstellungsart
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Rechteck (Standard)
• Quadrat/Kreis
• Pfeil (ohne Fläche)
Beispiel Wert:Rechteck (Standard)
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => 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 "Slider" => 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.
Schatten
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• kein (Standard)
• dezent
• deutlich
Beispiel Wert:dezent
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"
Technischer Name:twt-base-slider-controls-shadow
Schatten der Navigationspfeile, beim Hover eine Stufe kräftiger. Ohne Wirkung bei der Darstellungsart "Pfeil (ohne Fläche)".
Hover-Effekt
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• kein Effekt (Standard)
• fade in
Beispiel Wert:fade in
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => 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 "Slider" => Abschnitt "Pfeile-Navigation"
Technischer Name:twt-base-slider-controls-color
Rahmenfarbe
Feldtyp:
Farbauswahl
Beispiel Wert:transparent
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"
Technischer Name:twt-base-slider-controls-border-color
Hintergrundfarbe
Feldtyp:
Farbauswahl
Beispiel Wert:transparent
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => 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 "Slider" => Abschnitt "Punkte-Navigation"
Technischer Name:twt-base-slider-navigation-dots-background-color-active
ThemeWare® 'Hero-Slider' Pro
Navigationspfeile im Hero-Slider
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• inherit (Theme-Konfiguration)
• Hero-Stil
Beispiel Wert:Hero-Stil
Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Slider" => Abschnitt "ThemeWare® 'Hero-Slider' Pro"
Technischer Name:twt-hero-slider-controls-inherit
Hero-Stil
Weiße Pfeile ohne Fläche, wie bisher.
inherit (Theme-Konfiguration)
Der Hero-Slider übernimmt die Pfeil-Konfiguration des Bild-Sliders (bzw. die globale Slider-Konfiguration): Darstellungsart, Farben, Ecken und Schatten.