Konfiguration
Top-Bar anzeigen
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
Basis-Header "Header 1" and "Header 2"
Breite
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-Bar" => Abschnitt "Basis-Header "Header 1" and "Header 2""
Technischer Name:
twt-header-top-bar-width
Wähle den Größenmodus der "Top-Bar" aus.
Standard: Die Breite der "Top-Bar" orientiert sich an der Konfiguration der Breite des Headers.
Hinweis: Diese Konfiguration gilt nicht im Grundlayout "boxed".
Farbkonfiguration
Textfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#555555
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-top-bar-color
Textfarbe @hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-top-bar-color-hover
Textfarbe (Hotline)
Feldtyp: Farbauswahl
Beispiel Wert:
#555555
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-top-bar-color-hotline
Rahmenfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-top-bar-border-color
Hintergrundfarbe
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-header-top-bar-background-color
Typografie
Schriftgröße
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-header-top-bar-font-size
Zeilenhöhe
Feldtyp: Nummernfeld
Beispiel Wert:
30
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-header-top-bar-line-height
Textausrichtung
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around
Beispiel Wert:
rechts ausrichten
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-header-top-bar-justify-content
Wähle die gewünschte horizontale Ausrichtung aus.
links Elemente werden am Anfang des Containers positioniert.
rechts Elemente werden am Ende des Containers positioniert.
zentriert Die Elemente befinden sich in der Mitte des Containers.
space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.
space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.
Icongröße
Feldtyp: Nummernfeld
Beispiel Wert:
1
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-header-top-bar-icon-font-size
Wenn die Icongröße '1' ist, werden die Icons ausgeblendet.
Hotline
Hotline anzeigen
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Hotline"
Technischer Name:
twt-header-top-bar-hotline-show
Um den Text zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.header.serviceHotlineText
Label anzeigen ab ...
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • immer anzeigen • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)
Beispiel Wert:
immer anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Hotline"
Technischer Name:
twt-header-top-bar-hotline-label-show
Um das Label zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.header.serviceHotline
Sprachauswahl
Sprachauswahl anzeigen
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"
Technischer Name:
twt-header-top-bar-languages-menu-show
Label anzeigen ab ...
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • immer anzeigen • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)
Beispiel Wert:
immer anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"
Technischer Name:
twt-header-top-bar-languages-menu-text-show
Flaggensymbole laden
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja (Länderflaggen) • ja (Sprachflaggen)
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"
Technischer Name:
twt-languages-menu-additional-flags
Shopware hat bis auf DE und EN alle Flaggensymbole entfernt. Die anderen Flaggen sind nun über die Erweiterung "Sprachpaket" verfügbar.
Aktiviere diese Konfiguration, wenn du weitere Flaggensymbole laden möchtest.
Länderflaggen: Die Flagge richtet sich nach dem Land. Beim ISO-Code "de-CH" wird die Flagge der Schweiz angezeigt.
Sprachflaggen: Die Flagge richtet sich nach der Sprache. Beim ISO-Code "de-CH" wird die Flagge Deutschlands angezeigt.
Erweiterte Flaggensymbole laden
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja (Länderflaggen) • ja (Sprachflaggen)
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"
Technischer Name:
twt-languages-menu-additional-flags-extended
Aktiviere dies Konfiguration um noch mehr Flaggensymbole zu laden. Dabei handelt es sich um aufwendige Flaggen wie beispielsweise die Flagge der USA.
Länderflaggen: Die Flagge richtet sich nach dem Land. Beim ISO-Code "de-CH" wird die Flagge der Schweiz angezeigt.
Sprachflaggen: Die Flagge richtet sich nach der Sprache. Beim ISO-Code "de-CH" wird die Flagge Deutschlands angezeigt.
Shopware Sprachpaket
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"
Technischer Name:
twt-languages-menu-shopware-language-pack
Aktiviere diese Konfiguration wenn du bereits das Shopware Sprachpaket nutzt um doppelte Länderflaggen zu vermeiden.
Währungsauswahl
Währungsauswahl anzeigen
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Währungsauswahl"
Technischer Name:
twt-header-top-bar-currencies-menu-show
Label anzeigen ab ...
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • immer anzeigen • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)
Beispiel Wert:
immer anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Währungsauswahl"
Technischer Name:
twt-header-top-bar-currencies-menu-text-show
Service-Menü
Service-Menü anzeigen
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen als Dropdown • anzeigen als Liste
Beispiel Wert:
anzeigen als Dropdown
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Service-Menü"
Technischer Name:
twt-header-top-bar-service-menu-show
Shopware hat das Service-Menü mit Version 6.5 im Header entfernt und sieht dies nur noch als "Footer-Service-Navigation" vor. Mit dieser Konfiguration, kannst du die "Footer-Service-Navigation" wieder in der Top-Bar anzeigen lassen.
Die Navigation selber muss im Verkaufskanal zugewiesen werden.
Um das Label zu bearbeiten oder übersetzten, nutze bitte den Textbaustei: header.indexLinkService
Label anzeigen ab ...
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • immer anzeigen • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-max-width (Full-width-boxed)
Beispiel Wert:
immer anzeigen
Pfad zur Einstellung: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Service-Menü"
Technischer Name:
twt-header-top-bar-service-menu-text-show
Last updated
Was this helpful?