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
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
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
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"
Technischer Name:
twt-header-actions-btn-font-size
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
Feldtyp: Nummernfeld
Beispiel Wert:
35
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"
Technischer Name:
twt-header-actions-btn-line-height
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Typografie"
Technischer Name:
twt-header-actions-btn-icon-font-size
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-color
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
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-icon-color
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
Feldtyp: Farbauswahl
Beispiel Wert:
#e4e7ea
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#e6e6e6
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-border-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-background-color
Feldtyp: Farbauswahl
Beispiel Wert:
#f6f6f6
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-actions-btn-background-color-hover
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
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
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
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 (Querformat) (≥992px)
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-total-show
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:
Phone (Hochformat) (<576px)
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-badge-show
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 "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-text-show
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-separator-show
Feldtyp: Auswahlfeld
Verfügbare Werte: • light • normal • bold
Beispiel Wert:
normal
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-font-weight
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-icon-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-icon-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#e4e7ea
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#e6e6e6
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-border-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#e4e7ea
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-separator-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#eef2f5
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-background-color
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-background-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Header" => Bereich "Aktions-Buttons" => Abschnitt "Warenkorb-Button"
Technischer Name:
twt-header-actions-cart-btn-badge-background-color
abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")
runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.
Diese "Zeilenhöhe" wird bei der Header-Darstellungsart "Header 2.1" ignoriert und stattdessen die Zeilenhöhe der "Top-Bar" verwendet.
Zeigt die ThemeWare® "Angemeldet-Badge" an wenn der Kunde eingeloggt ist.