Das CMS-Element "Verschachtelte Unterkategorien" stellt die Unterkategorien der aktuellen Kategorie in Kacheln dar und blendet darunter zusätzlich deren direkte Unter-Unterkategorien als Liste ein. So entsteht aus einer Kategorie-Ebene eine zweistufige Navigation. Name und Bild stammen aus den entsprechenden Informationen in der Kategorie-Verwaltung von Shopware.
Hinweis: Dieses CMS-Element wurde für CMS-Seiten vom Typ "Kategorieseite" und für Landingpages entwickelt. Die Unterkategorien werden automatisch aus der aktuellen Kategorie geladen.
Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .
Wichtig: Dieses CMS-Element ist ein Add-on und muss separat freigeschaltet werden.
Die ThemeWare® "Verschachtelte Unterkategorien" 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.
Die dargestellten Texte und Bilder stammen aus der Kategorie-Verwaltung ("Kataloge" => "Kategorien") von Shopware.
Angezeigt werden der "Name" und das "Bild" (= Anzeigebild) der Unterkategorien sowie deren direkte Unterkategorien. Das Bild wird nicht zwingend benötigt.
Standardmäßig werden die Unterkategorien der aktuellen Kategorie verwendet. Auf der Startseite werden automatisch die obersten Kategorien angezeigt. Im erweiterten Modus lässt sich über einen Kategorie-Einstiegspunkt manuell festlegen, ab welcher Kategorie die Unterkategorien geladen werden.
Die Konfiguration ist in mehrere Tabs unterteilt.
Im Tab "Inhalt" wird ein Hinweis angezeigt, dass die Daten automatisch aus der Kategorie geladen werden. Über den erweiterten Modus kann zusätzlich der Kategorie-Einstiegspunkt gesetzt werden.
Allgemein
Hier wählst du den Layout-Typ und die Ausrichtung der Karten:
Karten (mit Hintergrund und Schatten)
Clean (ohne Hintergrund) – die Ecken-Rundung wird in diesem Fall auf das Bild angewendet
Über "Karten ausrichten" legst du die horizontale Ausrichtung der Kacheln fest.
Im Tab "Grid" kannst du die Anzahl der Spalten in verschiedenen Viewports konfigurieren.
Spalten
Im Abschnitt "Spalten" kannst du die Anzahl der Spalten pro Viewport festlegen:
XS (Standard: 12 = 1 Spalte)
SM (Standard: 6 = 2 Spalten)
Im Tab "SEO & Pagespeed" konfigurierst du das Lazy Loading der Bilder (Standard: "Eager").
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.
Karte
Bild neben Text...: ab welchem Viewport Bild und Text nebeneinander stehen (Standard: ab Desktop ≥992px). Darunter wird das Bild über dem Text gestapelt.
Maximale Unter-Unterkategorien: maximale Anzahl an Unter-Unterkategorien pro Karte (Standard: 5). Wird die Anzahl überschritten, erscheint ein abschließender "..."-Link, der zur jeweiligen Kategorie führt.
Eckenradius (Standard: 6px)
Nur im Layout-Typ "Karten": Hintergrundfarbe der Karte, Schlagschatten und Schatten bei Hover.
Bild
Objektposition (Standard: zentriert)
Minimale Höhe (gestapelt) (Standard: 160px)
Minimale Höhe (nebeneinander) (Standard: 320px)
Bild auf Mobilgeräten anzeigen (< 576px, Standard: deaktiviert)
LG (Standard: 4 = 3 Spalten)
XL (Standard: 3 = 4 Spalten)
XXL (Standard: 3 = 4 Spalten)
