Alle Seiten
Bereitgestellt von GitBook
1 von 2

Loading...

Loading...

Aktions-Buttons

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


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

Position (Icon)

Ecken

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

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

Typografie

Schriftgröße

Strichstärke

Zeilenhöhe

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

Icongröße

Farbkonfiguration

Textfarbe

Textfarbe @hover

Iconfarbe

Iconfarbe @hover

Rahmenfarbe

Rahmenfarbe @hover

Hintergrundfarbe

Hintergrundfarbe @hover

Merkzettel-Button

Hintergrundfarbe (Badge)

"Mein Konto"-Button

"Angemeldet"-Badge anzeigen

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

Hintergrundfarbe (Badge)

Warenkorb-Button

Preis anzeigen ab ...

Badge anzeigen ab ...

Text anzeigen ab ...

Separator anzeigen

Strichstärke

Textfarbe

Textfarbe @hover

Iconfarbe

Iconfarbe @hover

Rahmenfarbe

Rahmenfarbe @hover

Rahmenfarbe (Separator)

Hintergrundfarbe

Hintergrundfarbe @hover

Hintergrundfarbe (Badge)