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
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
