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.