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