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 "Produkt-Slider (Kategorie "Commerce")"
Technischer Name:
twt-product-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 "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-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 "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-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 "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-hover-type
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-color
Rahmenfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-border-color
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
transparent
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-background-color
Textfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-secondary
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-color-hover
Rahmenfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-product-slider-controls-border-color, 10%)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-border-color-hover
Hintergrundfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
darken($twt-product-slider-controls-background-color, 7.5%)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"
Technischer Name:
twt-product-slider-controls-background-color-hover
Produktbild
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
rgba(0, 0, 0, 0)
Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Produktbild"
Technischer Name:
twt-cms-element-product-box
Hintergrundfarbe der Produktbilder in Produkt-Boxen von Erlebniswelt-Slidern.
Last updated
