Unterkategorien im Listing (Modern)

Diese 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:

• Inhalt (Kategorie-Text und -Bild)

• Theme-Konfiguration

• Element-Konfiguration

Die CMS-Erweiterung "Unterkategorien im Listing (Modern)" ist eine Variante der Theme- bzw. CMS-Erweiterung "Unterkategorien im Listing".

Während die Erweiterung "Unterkategorien im Listing" auf dem Look unserer Erweiterung aus ThemeWare® für Shopware 5 basiert, hat diese "Modern" Variante ihren eigenen, modernen Look, welcher sich an den Modern-Teasern von ThemeWare® orientiert.

Durch diesen anderen Look benötigt diese CMS-Erweiterung eine andere Konfiguration und teilt sich lediglich die grundsätzliche Farb-Konfiguration (Hintergrund- und Rahmenfarbe der Kacheln) mit der Theme-Erweiterung (bzw. Theme-Konfiguration).

ThemeWare® CMS-Erweiterung "Unterkategorien im Listing (Modern)"

Hinweis: Die CMS-Erweiterung "Unterkategorien im Listing" wurde für CMS-Seiten vom Typ "Kategorieseite", also Seiten mit (Produkt-) Listings entwickelt.

Hinweis: Unterkategorien werden derzeit in Shopware 6 nur für die Hauptkategorie ausgespielt.

Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.

---

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"

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 'Erweiterungen' in der ThemeWare® Konfiguration.

Inhalt

Im Tab "Inhalt" wird ein Hinweis angezeigt, dass die Daten automatisch aus der Kategorie geladen werden.

Layout

Im Tab "Layout" kannst du die Navigation konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du die Ausrichtung (horizontal) und die Hintergrundfarbe des Elementes konfigurieren.

Content (Inhalt) - Beschriftung

Im Abschnitt "Beschriftung" kannst du die Schriftart, die Strichstärke (derzeit deaktiviert) und die Textformatierung (derzeit deaktiviert) der Beschriftung konfigurieren. Zudem kannst du die Textfarbe und die Hintergrundfarbe der Beschriftung festlegen.

Im Bereich "Dekoration" kannst du den Schlagschatten (derzeit deaktiviert) und die abgerundeten Ecken (derzeit deaktiviert) der Kacheln konfigurieren.

Content (Inhalt) - Layout

Im Abschnitt "Layout" kannst du die vertikale Ausrichtung (derzeit deaktiviert) und die horizontale Ausrichtung des Inhaltes konfigurieren.

Bild

Im Abschnitt "Bild" kannst du den Anzeigemodus, die Breite (Standard: 100%), die Höhe (Standard: 140px, nur aktiv wenn der Anzeigemodus nicht "Cover" ist) und die Minimale Höhe (Standard: 140px) der Kategorie-Bilder konfigurieren.

Grid

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)

• MD (Standard: 6 = 2 Spalten)

• LG (Standard: 4 = 3 Spalten)

• XL (Standard: 3 = 4 Spalten)

• XXL (Standard: 3 = 4 Spalten)

SEO & Pagespeed

Im Tab "SEO & Pagespeed" kannst du das Lazy Loading der Bilder konfigurieren (Standard: "Eager").

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.

---