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

Kategorie-Button


Flyout-Bar anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • oben anzeigen • unten anzeigen

Beispiel Wert: unten anzeigen

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

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


Innenabstand oben/unten

Feldtyp: Nummernfeld

Beispiel Wert: 1

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

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


Textfarbe

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


Textfarbe @hover

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


Hintergrundfarbe

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

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH