1. ThemeWare® USP-Bar

2. ThemeWare® Ankündigungsbanner

3. Shop-Logo

4. Suche

5. Aktions-Buttons (Merkzettel-Button, "Mein Konto"-Button, Warenkorb-Button)

6. Top-Bar (Sprachauswahl, Währungsauswahl, Service-/Hilfe-Menü)

7. Top-Navigation

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Header 1.1 (Top-Bar – Logo + Suche + Aktions-Buttons – Navigation) • Header 1.2 (Top-Bar – Suche + Logo + Aktions-Buttons – Navigation) • Header 2.1 (Top-Bar + Aktions-Buttons – Logo – Navigation) • Full-Width Sticky-Header (Logo + Navigation + Aktions-Buttons)

Beispiel Wert: Header 1.1 (Top-Bar – Logo + Suche + Aktions-Buttons – Navigation)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-type

Außenabstand oben @Desktop (≥992px)

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-margin-top

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-padding-top

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-padding-bottom

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-Max-Width (Full-width-boxed)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basis-Header ('Header 1' and 'Header 2')"

Technischer Name: twt-header-width

Feldtyp: Nummernfeld

Beispiel Wert: 40

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Basis-Header ('Header 1' and 'Header 2')"

Technischer Name: twt-header-height

Feldtyp: Nummernfeld

Beispiel Wert: 1200

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Custom-Header: ('Full-width Sticky-Header')"

Technischer Name: twt-custom-header-nav-max-width

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-background-color-desktop

Feldtyp: Farbauswahl

Beispiel Wert: rgba(255, 255, 255, 0)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Farbkonfiguration"

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

Feldtyp: Medienauswahl

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • Ursprüngliche Abmessungen (auto) • Hintergrund vollständig abdecken (cover) • Hintergrund vollständig abdecken (contain)

Beispiel Wert: Ursprüngliche Abmessungen (auto)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • Links, Oben • Links, Mitte • Links, Unten • Rechts, Oben • Rechts, Mitte • Rechts, Unten • Mitte, Oben • Mitte, Mitte • Mitte, Unten

Beispiel Wert: Links, Oben

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image-position

Feldtyp: Auswahlfeld

Verfügbare Werte: • Keine Wiederholung (no-repeat) • Horizontal und vertikal (repeat) • Horizontal (repeat-x) • Vertikal (repeat-y)

Beispiel Wert: Horizontal und vertikal (repeat)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image-repeat

Feldtyp: Auswahlfeld

Verfügbare Werte: • Hintergrundbild scrollt mit der Seite (scroll) • Hintergrundbild bleibt fixier (fixed)

Beispiel Wert: Hintergrundbild bleibt fixier (fixed)

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Hintergrundbild"

Technischer Name: twt-header-background-image-attachment

Feldtyp: Nummernfeld

Beispiel Wert: 14

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Dropdowns"

Technischer Name: twt-header-dropdown-font-size

Feldtyp: Farbauswahl

Beispiel Wert: #111111

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Dropdowns"

Technischer Name: twt-header-dropdown-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Dropdowns"

Technischer Name: twt-header-dropdown-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #e0e0e0

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Dropdowns"

Technischer Name: twt-header-dropdown-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Layout" => Abschnitt "Dropdowns"

Technischer Name: twt-header-dropdown-background-color

Basiskonfiguration

Logoart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Bild-Logo (Standard) • Text-Logo

Beispiel Wert: Bild-Logo (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-logo-type

Bild-Logo

Breite

Feldtyp: Textfeld

Beispiel Wert: 220

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

Technischer Name: twt-header-logo-width

Feldtyp: Textfeld

Beispiel Wert: auto

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

Technischer Name: twt-header-logo-height

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

Technischer Name: twt-header-logo-margin-top

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt • Deckkraft verringern

Beispiel Wert: Deckkraft verringern

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Bild-Logo'"

Technischer Name: twt-header-logo-hover-type

Feldtyp: Textfeld

Beispiel Wert: ThemeWare

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

Technischer Name: twt-textlogo-content

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

Technischer Name: twt-textlogo-fill

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

Technischer Name: twt-textlogo-font-family

Feldtyp: Nummernfeld

Beispiel Wert: 24

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

Technischer Name: twt-textlogo-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: bold

Pfad zur Einstellung: Tab "Header" => Bereich "Logo" => Abschnitt "Logoart 'Text-Logo'"

Technischer Name: twt-textlogo-font-weight

Mehr Informationen zu Flaggen in der Sprachauswahl findest du in folgendem Artikel:

Feldtyp: Auswahlfeld

Verfügbare Werte: • deaktiviert (Standard) • aktiviert (Header überlagert die Erlebniswelt)

Beispiel Wert: deaktiviert (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Erlebniswelt-Header"

Technischer Name: twt-shopping-experiences-header-position

Basiskonfiguration

Fixiert

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-minimal-fixed

Höhe

Feldtyp: Textfeld

Beispiel Wert: 90

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-minimal-height

Feldtyp: Farbauswahl

Beispiel Wert: #555555

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-color

Feldtyp: Farbauswahl

Beispiel Wert: #555555

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-link-color

Feldtyp: Farbauswahl

Beispiel Wert: #222222

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-link-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-border-bottom-color

Feldtyp: Farbauswahl

Beispiel Wert: #fafafa

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #444444

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-color

Feldtyp: Farbauswahl

Beispiel Wert: #666666

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #e9e9e9

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #d4d4d4

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #f1f1f1

Pfad zur Einstellung: Tab "Header" => Bereich "Minimaler Header (im Checkout)" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-minimal-home-btn-background-color-hover

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar"

Technischer Name: twt-header-top-bar-show

Feldtyp: Auswahlfeld

Suche anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Suche"

Technischer Name: twt-header-search-show

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Eingabefeld (Standard) • Flyout-Suche • Vollbildsuche • Global-Suche @Desktop (nur verfügbar mit "Header 1.1")

Beispiel Wert: Eingabefeld (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet (Standard) • runde Ecken • individuelle Rundung

Beispiel Wert: nicht abgerundet (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-input-corner-type

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-input-border-radius

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-color

Feldtyp: Farbauswahl

Beispiel Wert: #e4e7ea

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

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

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

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

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

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

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

Beispiel Wert: links ausrichten

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Typografie"

Technischer Name: twt-header-search-text-align

Feldtyp: Textfeld

Beispiel Wert: 500

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Eingabefeld'"

Technischer Name: twt-header-search-max-width

Feldtyp: Textfeld

Beispiel Wert: 100%

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Eingabefeld'"

Technischer Name: twt-header-search-width-desktop

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-max-width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-max-width (Full-width-boxed)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-container-width

Feldtyp: Textfeld

Beispiel Wert: 500

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-max-width

Feldtyp: Textfeld

Beispiel Wert: 100%

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-max-width-desktop

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-padding

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-phone-search-flyout-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-background-color

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.9)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Vollbildsuche'"

Technischer Name: twt-header-search-fullscreen-backdrop-color

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Vollbildsuche'"

Technischer Name: twt-header-search-fullscreen-backdrop-effect-blur

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

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

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • Verkaufsfördernde Navigation

Beispiel Wert: Standard

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-phone-type

Maximale Breite (Logo) @Phone (<576px)

Feldtyp: Textfeld

Beispiel Wert: 160

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-logo-max-width-mobile

Feldtyp: Textfeld

Beispiel Wert: 50

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-height-mobile

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-phone-fixed

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-phone-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #333333

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

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

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

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

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

Feldtyp: Farbauswahl

Beispiel Wert: #333333

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

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

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

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

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

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • Clean • Center

Beispiel Wert: Standard

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-nav-type

Feldtyp: Textfeld

Beispiel Wert: 70

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-nav-height

Feldtyp: Auswahlfeld

Verfügbare Werte: • Links • Mitte • Rechts

Beispiel Wert: Mitte

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-logo-position

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-nav-background-color

Feldtyp: Textfeld

Beispiel Wert: 0 0 20px

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-nav-box-shadow

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.1)

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-nav-box-shadow-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • abgerundete Ecken • runde Ecken

Beispiel Wert: runde Ecken

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

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

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein (Standard) • ja

Beispiel Wert: nein (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-home

Feldtyp: Nummernfeld

Beispiel Wert: 100

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-home-order

Feldtyp: Nummernfeld

Beispiel Wert: 200

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-navigation-order

Feldtyp: Nummernfeld

Beispiel Wert: 300

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-search-order

Feldtyp: Nummernfeld

Beispiel Wert: 400

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-cart-order

Feldtyp: Nummernfeld

Beispiel Wert: 500

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-wishlist-order

Feldtyp: Nummernfeld

Beispiel Wert: 600

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-btn-account-order

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Darstellungsart 'Verkaufsfördernde Navigation'"

Technischer Name: twt-header-phone-cart-btn-highlighting

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Mobiler Header" => Abschnitt "Basis-Header ('Header 1' and 'Header 2')"

Technischer Name: twt-header-phone-nav-main-toggle-label-show

Top-Navigation

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Liste anzeigen • Hamburger-Menü anzeigen

Beispiel Wert: Liste anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation"

Technischer Name: twt-nav-main-show

Basiskonfiguration

Home-Link anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-home-link-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text (Standard) • Icon

Beispiel Wert: Text (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-home-link

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (ThemeWare®-Stil) • anzeigen (Standard)

Beispiel Wert: anzeigen (ThemeWare®-Stil)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-arrows-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • farbig hinterlegen (inkl. Home-Link) • farbig hinterlegen (exkl. Home-Link) • unterstreichen (mittig nach links und rechts) • unterstreichen (von links nach rechts) • unterstreichen (von rechts nach links) • unterstreichen

Beispiel Wert: farbig hinterlegen (inkl. Home-Link)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-hover-type

Feldtyp: Nummernfeld

Beispiel Wert: 60

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-height

Feldtyp: Nummernfeld

Beispiel Wert: 16

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-padding

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-padding-bottom

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-margin-left

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-margin-right

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Standard

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Basis-Header ('Header 1' and 'Header 2')"

Technischer Name: twt-nav-main-width

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-background-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-border-bottom-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-border-bottom-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #cccccc

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-border

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-font-family

Feldtyp: Nummernfeld

Beispiel Wert: 18

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: bold

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-font-weight

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: bold

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-font-weight-active

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around

Beispiel Wert: links ausrichten

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-justify-content

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Typografie"

Technischer Name: twt-nav-main-text-transform

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (Home-Link)"

Technischer Name: twt-nav-main-home-link-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (Home-Link)"

Technischer Name: twt-nav-main-home-link-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (Home-Link)"

Technischer Name: twt-nav-main-home-link-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-icon-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-icon-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-icon-color-active

Feldtyp: Farbauswahl

Beispiel Wert: rgba(255, 255, 255, 0)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-link-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt"

Technischer Name: twt-nav-main-background-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #ef2f3c

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-color

Feldtyp: Farbauswahl

Beispiel Wert: #feecee

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ef2f3c

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #ef2f3c

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-icon-color

Feldtyp: Farbauswahl

Beispiel Wert: #feecee

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-icon-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ef2f3c

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-icon-color-active

Feldtyp: Farbauswahl

Beispiel Wert: rgba(255, 255, 255, 0)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ef2f3c

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

Technischer Name: twt-nav-main-link-highlighted-background-color-active

Top-Navigation Flyout

Feldtyp: Auswahlfeld

Verfügbare Werte: • Shopware-Standard • ThemeWare® Flyout • ThemeWare® Dropdown* • ThemeWare® Flyout mit Karten • ThemeWare® Flyout mit Sidebar • ThemeWare® Flyout mit Teasern

Beispiel Wert: ThemeWare® Flyout

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout"

Technischer Name: twt-nav-main-flyout

Design

Feldtyp: Auswahlfeld

Verfügbare Werte: • Liste • Liste (Shopware 6) • Liste in Spalten (Shopware 5) • Buttons

Beispiel Wert: Liste

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Design"

Technischer Name: twt-nav-main-flyout-design

Feldtyp: Auswahlfeld

Verfügbare Werte: • Liste • Buttons • Buttons (kompakt)

Beispiel Wert: Buttons (kompakt)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Design"

Technischer Name: twt-nav-main-dropdown-design

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine Animation (Standard) • Einblenden • Einblenden von unten • Federn von unten • Einblenden von oben • Federn von oben • Aufklappen (3D) #beta

Beispiel Wert: Einblenden

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-flyout-animation

Feldtyp: Auswahlfeld

Verfügbare Werte: • 1 Ebene • 2 Ebenen • 3 Ebenen (Standard) • 4 Ebenen • 5 Ebenen

Beispiel Wert: 3 Ebenen

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-nav-main-max-depth

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-Max-Width (Full-width Boxed) • 100% (Full-width) • Boxed • Individuelle Breite

Beispiel Wert: Container-Max-Width (Full-width Boxed)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout'"

Technischer Name: twt-nav-main-flyout-sizing-mode

Feldtyp: Textfeld

Beispiel Wert: 100%

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout'"

Technischer Name: twt-nav-main-flyout-width

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Schatten • Kleiner Schatten • Normaler Schatten • Größerer Schatten • Weicher Schatten (ThemeWare®)

Beispiel Wert: Weicher Schatten (ThemeWare®)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout'"

Technischer Name: twt-nav-main-flyout-box-shadow-type

Feldtyp: Textfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout'"

Technischer Name: twt-nav-main-flyout-categories-margin-left

Feldtyp: Auswahlfeld

Verfügbare Werte: • Automatisch • 3 Spalten • 4 Spalten • 5 Spalten • 6 Spalten

Beispiel Wert: Automatisch

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout mit Karten'"

Technischer Name: twt-nav-main-flyout-cards-columns

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Schatten (Standard) • Kleiner Schatten (Bootstrap) • Normaler Schatten (Bootstrap) • Größerer Schatten (Bootstrap)

Beispiel Wert: Normaler Schatten (Bootstrap)

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Dropdown'"

Technischer Name: twt-nav-main-dropdown-box-shadow-type

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #e3e8ec

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #e3e8ec

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-background-color-active

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-categories-icon-color

Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-seperator-color

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-background-color

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-nav-main-flyout-backdrop-effect-blur

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 1"

Technischer Name: twt-nav-main-flyout-font-family

Feldtyp: Nummernfeld

Beispiel Wert: 18

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 1"

Technischer Name: twt-nav-main-flyout-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 1"

Technischer Name: twt-nav-main-flyout-font-weight

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 1"

Technischer Name: twt-nav-main-flyout-text-transform

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 2"

Technischer Name: twt-nav-main-flyout-level1-font-family

Feldtyp: Nummernfeld

Beispiel Wert: 16

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 2"

Technischer Name: twt-nav-main-flyout-level1-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 2"

Technischer Name: twt-nav-main-flyout-level1-font-weight

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 2"

Technischer Name: twt-nav-main-flyout-level1-text-transform

Feldtyp: Auswahlfeld

Verfügbare Werte: • Text • Überschriften

Beispiel Wert: Text

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 3 ..."

Technischer Name: twt-nav-main-flyout-level2-font-family

Feldtyp: Nummernfeld

Beispiel Wert: 16

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 3 ..."

Technischer Name: twt-nav-main-flyout-level2-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 3 ..."

Technischer Name: twt-nav-main-flyout-level2-font-weight

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Level 3 ..."

Technischer Name: twt-nav-main-flyout-level2-text-transform

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • oben anzeigen • unten anzeigen (derzeit inaktiv)

Beispiel Wert: oben anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-show

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-padding-top-bottom

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-padding-left-right

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-color

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #e3e8ec

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Kategorie-Button"

Technischer Name: twt-nav-main-flyout-bar-background-color

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Schließen-Button"

Technischer Name: twt-nav-main-flyout-close-btn-padding

Header 1.1

Top-Bar – Logo + Suche + Aktions-Buttons – Navigation

Header 1.2

Top-Bar – Suche + Logo + Aktions-Buttons – Navigation

Header 2.1

Top-Bar + Aktions-Buttons – Logo – Navigation

Full-Width Sticky-Header

Logo + Navigation + Aktions-Buttons

Sticky Top-Navigation anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')"

Technischer Name: twt-sticky-nav-main-show

Basiskonfiguration

Fixiert

Feldtyp: Auswahlfeld

Verfügbare Werte: • fixieren beim runter scrollen • fixieren beim hoch scrollen

Beispiel Wert: fixieren beim hoch scrollen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-type

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-scroll-top

Feldtyp: Auswahlfeld

Verfügbare Werte: • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)

Beispiel Wert: Tablet (Querformat) (≥992px)

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-breakpoint

Feldtyp: Nummernfeld

Beispiel Wert: 50

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-height

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around

Beispiel Wert: zentriert ausrichten

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-justify-content

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-toggle

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-cart-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-sticky-nav-main-search-show

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-sticky-nav-main-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

Technischer Name: twt-sticky-nav-main-logo-show

Feldtyp: Textfeld

Beispiel Wert: 120

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

Technischer Name: twt-sticky-nav-main-logo-width

Feldtyp: Textfeld

Beispiel Wert: auto

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

Technischer Name: twt-sticky-nav-main-logo-height

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Header" => Bereich "Sticky Top-Navigation (Basis-Header: 'Header 1' und 'Header 2')" => Abschnitt "Logo"

Technischer Name: twt-sticky-nav-main-logo-margin-right