> For the complete documentation index, see [llms.txt](https://docs.atloss.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.atloss.de/enthaltene-erweiterungen/unterkategorie-navigation.md).

# Unterkategorie-Navigation

Eine durchdachte Navigationsstruktur ist ein ausschlaggebendes Signal für eine positive Benutzerfreundlichkeit. So lässt sich über die Hauptnavigation jedoch meistens nur sinnig bis in die dritte Kategorieebene verlinken. Neben der [Sidebar](/academy/fachbegriffe/sidebar.md) Navigation bietet dir das Theme mit der Unterkategorie-Navigation eine weitere Möglichkeit in tiefere Kategorien zu navigieren.

<figure><img src="/files/7eOiQU8Yizg7f2Dwk7la" alt=""><figcaption><p>Unterkategorie-Navigation unseres Kunden <a href="https://spruchreif-geschenke.de/">https://spruchreif-geschenke.de/</a></p></figcaption></figure>

### Erlebniswelten Element verwenden

Damit du die Unterkategorie-Navigation anzeigen kannst, wird ein vom Theme bereitgestelltes Erlebniswelten Element benötigt. Solltest du dich mit den [Erlebniswelten](https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten) von Showpare noch nicht auskennen, empfehlen wir dir dich zunächst in das Modul einzuarbeiten.

{% embed url="<https://www.youtube.com/watch?t=244s&v=ru2FYpcnYQ4>" %}

Erstelle zunächst eine Erlebniswelt für deine Kategorie unter "Inhalte > Erlebniswelten". Wichtig ist, dass du den Layout-Typen "Kategorieseite" wählst. Ziehe anschließend einen beliebigen Block mit Element voller Breite in deine Sektion. Wir nehmen in diesem Beispiel den Standard Shopware Text Block.

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

Nun kannst du das Element über die zwei Pfeile am rechten oberen Rand des Text Elements austauschen. Daraufhin öffnet sich ein ein Fenster mit allen verfügbaren Elementen. Wähle in dieser Ansicht das Element "Unterkategorie-Navigation". Nachdem du das Element gewählt hast, schließt sich das Fenster wieder und das Unterkategorie-Navigations-Element wurde erfolgreich mit dem Text Element ausgetauscht.

### Unterkategorie-Navigation konfigurieren

Sobald du mit der Maus erneut über das soeben ausgetauschte Element fährst erscheint neben den zwei Pfeilen ein Zahnrad Symbol. Per Klick auf das Zahnrad öffnen sich die Element-Einstellungen der Unterkategorie-Navigation.

<figure><img src="/files/t9XrHnwzgL66dsynQqBl" alt=""><figcaption><p>Element-Einstellungen der Unterkategorie Navigation</p></figcaption></figure>

In diesem Fenster kannst du weitere Konfigurationen für das Element vornehmen. So kannst du mit dem Auswahlfeld "Anzeigemodus" zwischen der Darstellung "Bild" und "Button" wählen. Für die Bild-Darstellung ist es jedoch zusätzlich notwendig ein [Anzeigebild in den jeweiligen Unterkategorien zu verknüpfen](#anzeigebild-in-der-kategorie-hinterlegen). Für die Button-Darstellung ist hingegen keine weitere Konfiguration notwendig.

Solltest du dich für die Bild-Darstellung entscheiden, erscheinen zusätzliche Einstellungsmöglichkeiten. Mit dem Feld  "Anzahl Spalten" kannst du definieren, wie viele Bilder in einer Reihe nebeneinander angezeigt werden sollen. Außerdem kannst du über das Feld "Seitenverhältnis der Bilder" die Größe der Bilder entsprechend anpassen. Je größer das Seitenverhältnis, desto schmaler wird auch das Bild. Bei dem Seitenverhältnis "1" entsteht ein Quadrat.

### Anzeigebild in der Kategorie hinterlegen

Damit du mit der Bild-Darstellung aus einer Kategorie auf die entsprechenden Unterkategorien verlinken kannst, ist immer ein Anzeigebild für die jeweiligen Unterkategorien notwendig. Verknüpfe daher unter "Kataloge > Kategorien > \[Kategorie] > Menü-Einstellungen > Anzeigebild" deine Bilder, die du verwenden möchtest.

<figure><img src="/files/VHJZ0DCcCrSbaLx5lc2w" alt=""><figcaption><p>Feld für das Anzeigebild einer Kategorie</p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.atloss.de/enthaltene-erweiterungen/unterkategorie-navigation.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
