# Unterkategorien im Listing
Die Navigation stellt automatisch die Unterkategorien der aktuellen Kategorie in kleinen Kacheln dar. Name und Bild basieren aus den entsprechenden Informationen in der Kategorie-Verwaltung von Shopware.
Diese CMS-Erweiterung setzt sich aus verschiedenen "Bestandteilen" zusammen:
* [Inhalt (Kategorie-Text und -Bild](#inhalt))
* [Theme-Konfiguration](#theme-konfiguration)
* [Element-Konfiguration](#konfiguration)
Die CMS-Erweiterung "Unterkategorien im Listing" basiert auf der gleichnamigen Theme-Erweiterung. Beide Erweiterungen werden über die Theme-Konfiguration konfiguriert.
Im Gegensatz zur Theme-Erweiterung ist die CMS-Erweiterung frei positionierbar und du kannst die Theme-Konfiguration mit der Konfiguration des CMS-Elementes "überschreiben". Darüber hinaus stehen dir in der CMS-Erweiterung zusätzliche Layouts zur Verfügung.
ThemeWare® CMS-Erweiterung "Unterkategorien im Listing"
{% hint style="info" %}
**Hinweis**: Die CMS-Erweiterung "Unterkategorien im Listing" wurde für CMS-Seiten vom Typ "Kategorieseite", also Seiten mit (Produkt-) Listings entwickelt.
{% endhint %}
{% hint style="info" %}
**Hinweis**: Unterkategorien werden derzeit in Shopware 6 nur für die Hauptkategorie ausgespielt.
{% endhint %}
{% hint style="warning" %}
**Wichtig**: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
{% endhint %}
{% hint style="success" %}
**Tipp**: In der Cloud-Edition steht dir die gleichnamige Theme-Erweiterung zur Verfügung: [unterkategorien-im-listing](https://doku.themeware.design/zusatzfunktionen/erweiterungen/unterkategorien-im-listing "mention")
{% endhint %}
***
## Element konfigurieren
Die ThemeWare® "Unterkategorien im Listing" kannst du wie folgt konfigurieren:
1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
2. Fahre mit der Maus über das entsprechende CMS-Element
3. Klicke auf das  "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
4. Es öffnet sich das Pop-up "Element-Einstellungen"
5. Nehme die gewünschten Änderungen vor
6. Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
***
## Inhalt
Die dargestellten Texte und Bilder stammen aus der Kategorie-Verwaltung ("Kataloge" => "Kategorien") von Shopware.
Angezeigt werden der "**Name**" und das "**Bild**" (= Anzeigebild) der entsprechenden Kategorien. Das Bild wird nicht zwingend benötigt.
***
## Theme-Konfiguration
Die CMS-Erweiterung "Unterkategorien im Listing" basiert auf der gleichnamigen Theme-Erweiterung. Beide Erweiterungen werden über die Theme-Konfiguration konfiguriert:
> Tab "Erweiterungen" => Bereich "Unterkategorien im Listing"
{% hint style="info" %}
**Hinweis**: Du musst die Theme-Erweiterung nicht aktivieren um die CMS-Erweiterung nutzen zu können.
{% endhint %}
***
## Element-Konfiguration
Die eigentliche Konfiguration der "Unterkategorien im Listing" findest du im Tab 'Erweiterungen' in der ThemeWare® Konfiguration.
### Layout
Im Tab "Layout" kannst du eine individuelle Konfiguration für das Element aktivieren. Hiermit kannst du ein paar "globale" Konfigurationen aus der Theme-Konfiguration überschreiben.
### Grid
Im Tab "Grid" kannst du die Anzahl der Spalten in verschiedenen Viewports konfigurieren.
### SEO & Pagespeed
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" der Bilder konfigurieren.
### Erweitert
Du kannst zwar jedes HTML-Element unserer CMS-Elemente über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
***
## Darstellungsarten
Derzeit stehen dir 6 verschiedene Darstellungsarten (siehe Screenshots unten) zur Verfügung:
* Button
* Buttons (Outline)
* Nur Text
* Nur Bild
* Text unter dem Bild
* Text neben dem Bild
### Screenshots
Button
Nur Text
Nur Bild
Text unter dem Bild
Text neben dem Bild
Mobile Darstellung (alle Darstellungsarten)
***
## **Demo**
Anwendungsbeispiele findest du in unseren Demoshops:
{% embed url="" %}
hemeWare® Demoshop => Unterkategorien im Listing (Button-Style)
{% endembed %}
