Konfiguration

Basiskonfiguration

Text anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Beispiel Wert: Tablet (Hochformat) (≥768px)

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-actions-btn-text-show

Position (Icon)

Feldtyp: Auswahlfeld

Verfügbare Werte: • links • oberhalb

Beispiel Wert: links

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-actions-btn-icon-position

Ecken

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken

Beispiel Wert: abgerundete Ecken

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-actions-btn-corner-type

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

Typografie

Schriftgröße

Feldtyp: Nummernfeld

Beispiel Wert: 14

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"

Technischer Name: twt-header-actions-btn-font-size

Strichstärke

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"

Technischer Name: twt-header-actions-btn-font-weight

Zeilenhöhe

Feldtyp: Nummernfeld

Beispiel Wert: 35

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"

Technischer Name: twt-header-actions-btn-line-height

Diese "Zeilenhöhe" wird bei der Header-Darstellungsart "Header 2.1" ignoriert und stattdessen die Zeilenhöhe der "Top-Bar" verwendet.

Icongröße

Feldtyp: Nummernfeld

Beispiel Wert: 14

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"

Technischer Name: twt-header-actions-btn-icon-font-size

Farbkonfiguration

Textfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-color

Textfarbe @hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-color-hover

Iconfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-icon-color

Iconfarbe @hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-icon-color-hover

Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #e4e7ea

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-border-color

Rahmenfarbe @hover

Feldtyp: Farbauswahl

Beispiel Wert: #e6e6e6

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-border-color-hover

Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-background-color

Hintergrundfarbe @hover

Feldtyp: Farbauswahl

Beispiel Wert: #f6f6f6

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-actions-btn-background-color-hover

Merkzettel-Button

Hintergrundfarbe (Badge)

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Merkzettel-Button"

Technischer Name: twt-header-actions-wishlist-btn-badge-background-color

"Mein Konto"-Button

"Angemeldet"-Badge anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt ""Mein Konto"-Button"

Technischer Name: twt-header-actions-account-menu-btn-badge-show

Zeigt die ThemeWare® "Angemeldet-Badge" an wenn der Kunde eingeloggt ist.

Hintergrundfarbe (Badge)

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt ""Mein Konto"-Button"

Technischer Name: twt-header-actions-account-menu-btn-badge-background-color