# Kategorie-Navigation

### Übersicht

Eine einfache Navigation ist ein essenzieller Bestandteil eines gut funktionierenden Shops. Sobald tiefere Hierarchiestrukturen entstehen, ist es schnell nicht mehr möglich alles über die [Flyout Navigation](https://docs.atloss.de/academy/fachbegriffe/flyout-navigation) abzubilden. So gibt es neben dem [Unterkategorie-Navigations-Feature](https://docs.atloss.de/enthaltene-erweiterungen/unterkategorie-navigation) auch die Möglichkeit ein Navigations-Element direkt in die [Sidebar](https://docs.atloss.de/academy/fachbegriffe/sidebar) zu integrieren. Das ganze lässt sich über die Erlebniswelten auf [Kategorieseiten](https://docs.atloss.de/academy/fachbegriffe/kategorieseite) einbinden und über die Einstellungsmöglichkeiten in diesem Abschnitt weiter verfeinern.

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FM3jxYU657L3soW3VTA2i%2Ferlebniswelten-kategorie-navigation.webp?alt=media&#x26;token=f5754028-5413-43ab-ab35-6c60b03d5ed6" alt=""><figcaption><p>Sidebar Kategorie-Navigation unseres Kunden <a href="https://www.biobay.de/">https://www.biobay.de/</a></p></figcaption></figure>

### Konfiguration

<figure><img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FSWaizcTBTuRf8dAb2Otx%2Ferlebniswelten-kategorie-navigation-konfiguration.webp?alt=media&#x26;token=5b23bfc0-8239-479a-a945-eea99ba52f3a" alt=""><figcaption></figcaption></figure>

<details>

<summary>Layout der Kategorie-Navigation</summary>

**Standard**\
Das Shopware Standard Layout wird angewendet. Hierbei ist der aktuelle Pfad, sowie alle Haupt- und Unterkategorien zu sehen.

<img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FL7e3pJ01E8MFcdQBvJwE%2Ferlebniswelten-kategorie-navigation-layout-der-kategorie-navigation-standard.webp?alt=media&#x26;token=82275243-093b-4470-8fe1-34fc8c7123b3" alt="" data-size="original">

\
**Aufklappbar**\
Dieses Layout orientiert sich stark am Standard Layout. Jedoch ist jede Kategorie über ein "+" und "-" Symbol direkt auf- und zuklappbar. Dies erleichtert die Navigation besonders bei komplexen Kategoriestrukturen.&#x20;

<img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2FlnJsl7mXBMNA9q4WxjC5%2Ferlebniswelten-kategorie-navigation-layout-der-kategorie-navigation-aufklappbar.webp?alt=media&#x26;token=e1ef4a33-6baf-436a-ad72-60273be390db" alt="" data-size="original">

\
**Minimal**\
Mit der minimalen Ausgestaltung kannst du die Kategorie-Navigation sehr einfach halten. Hierbei werden lediglich die Ober- und Unterkategorien, sowie die aktuell geöffnete Seite angezeigt.

<img src="https://3272904207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpapLvT9HTe34BQRCbfyY%2Fuploads%2F34vWzyrm19yMCnxPulF4%2Ferlebniswelten-kategorie-navigation-layout-der-kategorie-navigation-minimal.webp?alt=media&#x26;token=39773dc7-2aaa-446e-9875-1e65a6d3cab6" alt="" data-size="original">

</details>