Konfiguration

Basiskonfiguration

Breite

Feldtyp: Textfeld

Beispiel Wert: 100%

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

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

Lege die Breite für das Flyout (in Pixeln) fest.

Standard: 100%

Ein Wert ungleich 100% wird automatisch in Pixel umgewandet und als max-width genutzt. Das Flyout erstreckt sich in diesem Fall über die volle Breite wird jedoch nicht größer als der gewählte Wert.

Beispiel: 1080px

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Shopware 6 • ThemeWare® • Shopware 5

Beispiel Wert: ThemeWare®

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

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

Das Shopware 5 Layout wird nicht empfohlen wenn die Anzahl der Unterkategorien stark schwankt.

Animation

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine Animation (Standard) • back in Up • fade In • swing in down

Beispiel Wert: fade In

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

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

Einrückung

Feldtyp: Textfeld

Beispiel Wert: 10

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

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

Lege die Einrückung für Unterkategorien im Flyout (in Pixeln) fest.

Standard: 20

Farbkonfiguration

Textfarbe (Kategorien)

Feldtyp: Farbauswahl

Beispiel Wert: #333333

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

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

Textfarbe (Kategorien) @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-hover

Iconfarbe (Kategorien)

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

Hintergrundfarbe (Kategorien)

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

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

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

Textfarbe (Trennlinie)

Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

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

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

Hinweis: Diese Konfiguration bezieht sich auf die Trennlinie in der Darstellungsart "Shopware 6".

Level 1

Schriftart

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

Schriftgröße

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

Strichstärke

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

Textformatierung

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

Level 2

Schriftart

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

Schriftgröße

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

Strichstärke

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

Textformatierung

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

Level 3 ...

Schriftart

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

Schriftgröße

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

Strichstärke

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

Textformatierung

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