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' und '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.
Hinweis: Beim Header 2.1 wird die Ausrichtung nicht berücksichtigt. Die Top-Bar steht dort immer links, weil die Aktions-Buttons die rechte Seite der Zeile belegen.
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 übersetzen, nutze bitte den Textbaustein: twt.header.serviceHotlineText
Hinweis: Fehlt die Hotline trotz Aktivierung, übernimmt vermutlich eine Erweiterung die Top-Bar (z.B. Shopware Commercial ab Version 7.13). Stelle dann Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header" => "Top-Bar" auf "ThemeWare® (Plugin-kompatibel)".
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 übersetzen, 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ü Pro"
Technischer Name:twt-header-top-bar-service-menu-show
Mit dieser Konfiguration kannst du die "Footer-Service-Navigation" in der Top-Bar anzeigen lassen.
Die Navigation selber muss im Verkaufskanal zugewiesen werden.
Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: header.indexLinkService
Hinweis: Fehlt das Service-Menü trotz Aktivierung, übernimmt vermutlich eine Erweiterung die Top-Bar (z.B. Shopware Commercial ab Version 7.13). Stelle dann Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header" => "Top-Bar" auf "ThemeWare® (Plugin-kompatibel)".
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ü Pro"
Technischer Name:twt-header-top-bar-service-menu-text-show