> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/erlebniswelt-seitentypen/header-layout/topbar.md).

# Topbar

Die **Topbar** ist der schmale Streifen ganz oben im Header. Dort blendest du nützliche Schalter ein – typischerweise den Sprach- und den Währungsumschalter – sowie bei Bedarf eigene Hinweise.

Über die **Element-Auswahl** von Shopware (Schaltfläche „Element austauschen“) fügst du das Element **Topbar** an der gewünschten Position im Header hinzu – im rot markierten Feld.

<figure><img src="/files/hfQpOAsDKQmOUmP9cRxx" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/V6pqJgiJXzmN1CaVG0WE" alt=""><figcaption><p>Beispiel im Storefront: Topbar mit Währungsumschalter ganz oben rechts</p></figcaption></figure>

### Element-Einstellungen

Neben den Layout- und Farboptionen fügst du hier die einzelnen Topbar-Elemente hinzu (z. B. Sprach- und Währungsumschalter) und legst die Sichtbarkeit je Endgerät fest.

<figure><img src="/files/FgqBuGBo7xniZUzR0Q0S" alt=""><figcaption></figcaption></figure>