# Header

Im E-Commerce bezieht sich der Begriff "Header" auf den oberen Teil deines Shops, der im Theme auf jeder Seite angezeigt wird. Einzige Ausnahme ist hierbei der [Checkout](/en/academy/technical-terms/checkout.md).&#x20;

<figure><img src="/files/pUnctoIHvnLv9M07FG3T" alt=""><figcaption><p>Header unseres Kunden <a href="https://spruchreif-geschenke.de/">https://spruchreif-geschenke.de/</a></p></figcaption></figure>

Der Header wird im Theme in vier Komponenten gegliedert:&#x20;

1. Die [Top Bar](/en/academy/technical-terms/top-bar.md)
2. Der eigentliche Header mit Shop-Suche, Logo oder Namen des Online-Shops, sowie wichtigen Aktionen wie Merkzettel, Kundenaccount oder Warenkorb-Symbol
3. Das Navigationsmenü, welches den Besucher zu unterschiedlichen Kategorien des Online Shops führt.
4. Die [Ankündigungsleiste](/en/academy/technical-terms/announcement-bar.md)

In der Regel ist der Header auch ein wichtiger Bestandteil der responsiven Ausgestaltung deines Shops. Das bedeutet, dass der Header auf kleineren Bildschirmen wie auf mobilen Geräten anders dargestellt wird als auf Desktop-Computern. Auf mobilen Geräten können Teile des Headers beispielsweise in ein Menüsymbol umgewandelt werden, das angeklickt werden kann, um das vollständige Menü anzuzeigen.

{% hint style="info" %}
Der Header dient dazu dem Benutzer eine schnelle Navigation zu ermöglichen und ihm zu zeigen, wo er sich auf deinem Shop befindet. Ein gut gestalteter Header kann dazu beitragen, die Benutzerfreundlichkeit deines Shops zu verbessern und das Branding deines Online Shops zu stärken.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.atloss.de/en/academy/technical-terms/header.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
