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