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).

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"

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 entsprechenden Kategorien. Das Bild wird nicht zwingend benötigt.

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 (auf Kategorieseiten)"

Die eigentliche Konfiguration der "Unterkategorien im Listing" findest du im Tab 'Erweiterungen' in der ThemeWare® Konfiguration.

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

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.

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)

Im Tab "SEO & Pagespeed" kannst du das Lazy Loading der Bilder konfigurieren (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.