Unterkategorien im Listing
Die Navigation stellt automatisch die Unterkategorien der aktuellen Kategorien 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:
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. Zudem stehen dir in der CMS-Erweiterung zusätzliche Layouts zur Verfügung.
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FqtiWvWM8ZXPdc1xG4D5a%252Fimage.png%3Falt%3Dmedia%26token%3D4cc82def-3f4c-4dd5-a67a-c45f18aa6b50&width=768&dpr=4&quality=100&sign=880bc679&sv=1)
Hinweis: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Tipp: In der Cloud-Edition steht dir die gleichnamige Theme-Erweiterung zur Verfügung: Unterkategorien im Listing
Wichtig: Die CMS-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.
Element konfigurieren
Die ThemeWare® "Unterkategorien im Listing" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das entsprechende CMS-Element
Klicke auf das
"Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren
Es öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
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 "Kategorieseiten" => Bereich "Unterkategorien im Listing" => Unterkategorien im Listing anzeigen
Hinweis: Du musst die Theme-Erweiterung nicht aktivieren um die CMS-Erweiterung nutzen zu können.
Element-Konfiguration
Die eigentliche Konfiguration der "Unterkategorien im Listing" findest du im Tab 'Kategorieseiten' 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.
...
Darstellungsarten
Derzeit stehen dir 5 verschiedene Darstellungsarten (siehe Screenshots unten) zur Verfügung:
Button
Nur Text
Nur Bild
Text unter dem Bild
Text neben dem Bild
Screenshots
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FqJNBFRr9eGoTEHaBomzn%252Fimage.png%3Falt%3Dmedia%26token%3D2c2f5db3-ecb7-42ac-af71-ae0c6b8027cc&width=768&dpr=4&quality=100&sign=2e425bc6&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252Fiz2COZYjoI4StBk227q0%252Fimage.png%3Falt%3Dmedia%26token%3D6e7adc3f-cb59-474c-9fe2-d46184365988&width=768&dpr=4&quality=100&sign=b9d082ea&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252F6illiCHL4Co89u3Qjq0P%252Fimage.png%3Falt%3Dmedia%26token%3Dc2a8e31a-ec60-40c5-9b8c-48e4f724bd76&width=768&dpr=4&quality=100&sign=31f5cad&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FISPtmcW8Oc3x9hCCBoEF%252Fimage.png%3Falt%3Dmedia%26token%3D9ac560fb-146a-486b-966e-88c23895bbeb&width=768&dpr=4&quality=100&sign=c8510f14&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FHWzgBAxpcfoxTiNGix0K%252Fimage.png%3Falt%3Dmedia%26token%3D401f20bf-fead-4c73-ad2d-4c1ab86190f9&width=768&dpr=4&quality=100&sign=bbe9922e&sv=1)
![](https://doku.themeware.design/~gitbook/image?url=https%3A%2F%2F2276716575-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FHZ42X804kUeKKTtIEUr2%252Fuploads%252FGBCsvjOz1L0DUFtsgpnn%252Fimage.png%3Falt%3Dmedia%26token%3Da7db6c5a-26e5-48ed-b616-ccc734904e8e&width=768&dpr=4&quality=100&sign=a06c9d1&sv=1)
Demo
Anwendungsbeispiele findest du in unseren Demoshops:
Last updated