# 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: 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/enthaltene-erweiterungen/unterkategorie-navigation.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.
