# Unterkategorien im Listing

Die aus unseren Themes für Shopware 5 bekannte Funktion "Unterkategorien im Listing" gibt es auch in ThemeWare® für Shopware 6.

Diese Theme-Erweiterung aktivierst du über die Theme-Konfiguration. Wie alle Theme-Konfigurationen ist auch diese Konfiguration global. Das bedeutet, die Unterkategorie-Navigation dann erscheint auf allen CMS-Seiten vom Typ "Kategorieseite". 

Ab ThemeWare® 3.2.4 kannst du diese globale Navigation über ein Zusatzfeld in ausgewählten Kategorien ein-/ausschalten.

Zudem kann die Erweiterung künftig auch auf Shopseiten dargestellt werden, die Testphase dazu startet bald.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FraL4fsizK9Oy0uhFU4Jr%2Fimage.png?alt=media&#x26;token=b6e30c45-7a5b-4582-9e00-6339eb4b0bc5" alt=""><figcaption><p>ThemeWare® "Unterkategorien im Listing"</p></figcaption></figure>

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.

{% hint style="info" %}
**Hinweis**: Die ThemeWare® Erweiterung "Unterkategorien im Listing" funktioniert, wie der Name bereits andeutet, nur auf CMS-Seiten vom Typ "Kategorieseite". Zudem werden Unterkategorien in Shopware 6 nur für Hauptkategorie ausgespielt.
{% endhint %}

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Erweiterungen**"
2. Öffne den Bereich "**Unterkategorien im Listing**"
3. Aktiviere die Konfiguration "**Unterkategorien im Listing anzeigen**"
4. Optional: Nutze die weiteren Konfigurationsmöglichkeiten
5. Speicher deine Änderungen nach der Bearbeitung

{% hint style="success" %}
**Tipp**: In der Pro-Edition steht dir darüber hinaus eine entsprechende CMS-Erweiterung zur Verfügung. Damit kannst du einen entsprechenden CMS-Block frei in deinen Layouts positionieren und individuell konfigurieren: [unterkategorien-im-listing](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-elemente/kategorieseite/unterkategorien-im-listing "mention")
{% endhint %}

### **Inhalt**

1. Wechsel über die Hauptnavigation in die "**Kategorie-Verwaltung**" (1) (2) deines Shops ("Kataloge" => "Kategorien")
2. Wähle die gewünschte Kategorie aus (3)
3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)
4. Du befindest dich im Tab "**Allgemein**"
5. Im Bereich "**Allgemein**" kannst du den Kategorie-Namen (**Name**) bearbeiten
6. Scrolle zum Bereich "**Menü-Einstellungen**"
7. Hier kannst du das Kategorie-Bild (**Anzeigebild**) bearbeiten
8. Speicher deine Änderungen

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FLOnxr32yxz2e1EI50NTO%2Fadmin--edit-category.png?alt=media&#x26;token=4349aec8-4df6-4da4-9d13-7dee945949d5" alt=""><figcaption><p>Shopware 6 "Kategorie-Verwaltung"</p></figcaption></figure>

***

## Anzeigeoptionen

Hier hast du für Listingseiten und Shopseiten jeweils die folgende Optionen:

* nicht anzeigen
* anzeigen
* anzeigen (per Zusatzfeld)

{% hint style="info" %}
**Hinweis**: Es werden natürlich nur Unterkategorien angezeigt, wenn eine Kategorie sichtbare Unterkategorien hat und Shopware diese im entsprechenden Kategoriebaum ausliefert.
{% endhint %}

#### nicht anzeigen

Dies ist die Standard-Einstellung. In diesem Fall wird die "Unterkategorien im Listing" auf dem entsprechenden Seitentyp nicht angezeigt.

#### anzeigen

Wählst du die Option `anzeigen`, wird die "Unterkategorien im Listing" auf allen Seiten des entsprechenden Seitentyps angezeigt.

{% hint style="success" %}
**Tipp**: Über das Zusatzfeld kannst du die Anzeige dennoch in jeder beliebigen Kategorie unterbinden und so ausgewählte Kategorien individuell gestalten.
{% endhint %}

#### anzeigen (per Zusatzfeld)

Wählst du `anzeigen (per Zusatzfeld)` wird die "Unterkategorien im Listing" auf dem entsprechenden Seitentyp nur angezeigt, wenn du das Zusatzfeld in der entsprechenden Kategorie auf `ja` konfiguriert hast.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2Fr7CsHIRQjPrNCDL7AZpQ%2Fimage.png?alt=media&#x26;token=cbc1e77b-e010-4ebc-b536-aef31e7b2856" alt=""><figcaption></figcaption></figure>

## Basiskonfiguration

#### ...

## Bildkonfiguration

#### ...

## Farbkonfiguration

#### ...

## Typografie

#### ...

## Grid-Konfiguration

#### ...

## Pagespeed-Konfiguration

#### ...

***

## Darstellungsarten

Derzeit stehen dir 3 verschiedene Darstellungsarten (siehe Screenshots unten) zur Verfügung:

* Nur Text
* Nur Bild
* Text unter dem Bild

### Screenshots

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2Fiz2COZYjoI4StBk227q0%2Fimage.png?alt=media&#x26;token=6e7adc3f-cb59-474c-9fe2-d46184365988" alt=""><figcaption><p>Nur Text</p></figcaption></figure>

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2F6illiCHL4Co89u3Qjq0P%2Fimage.png?alt=media&#x26;token=c2a8e31a-ec60-40c5-9b8c-48e4f724bd76" alt=""><figcaption><p>Nur Bild</p></figcaption></figure>

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FISPtmcW8Oc3x9hCCBoEF%2Fimage.png?alt=media&#x26;token=9ac560fb-146a-486b-966e-88c23895bbeb" alt=""><figcaption><p>Text unter dem Bild</p></figcaption></figure>

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FGBCsvjOz1L0DUFtsgpnn%2Fimage.png?alt=media&#x26;token=a7db6c5a-26e5-48ed-b616-ccc734904e8e" alt=""><figcaption><p>Mobile Darstellung (alle Darstellungsarten)</p></figcaption></figure>

***

## Zusatzfeld

Ab ThemeWare® 3.2.4 kannst du diese globale Unterkategorie-Navigation über ein Zusatzfeld in ausgewählten Kategorien ein-/ausschalten.

{% content-ref url="../zusatzfelder/kategorien/unterkategorien-im-listing" %}
[unterkategorien-im-listing](https://doku.themeware.design/zusatzfunktionen/zusatzfelder/kategorien/unterkategorien-im-listing)
{% endcontent-ref %}