Info: Dieser Artikel ist in Arbeit...
Die ThemeWare® CMS-Elemente für Kategorieseiten.
...
Kategorie-Elemente können derzeit nur mit dem entsprechenden CMS-Block hinzugefügt werden. Füge den gewünschten Block einfach per Drag’n’Drop deiner Erlebniswelt hinzu.
Mehr Informationen dazu findest du in der folgenden Anleitung:
Hinweis: Kategorie-Blöcke findest du in der Rubrik "ThemeWare® Kategorieseite" [Pro]
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:
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:
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
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 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" 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.
Die Navigation stellt automatisch die Unterkategorien der aktuellen Kategorie 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:
)
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
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.
LG (Standard: 4 = 3 Spalten)
XL (Standard: 3 = 4 Spalten)
XXL (Standard: 3 = 4 Spalten)
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.
Hinweis: Du musst die Theme-Erweiterung nicht aktivieren um die CMS-Erweiterung nutzen zu können.
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 und du kannst die Theme-Konfiguration mit der Konfiguration des CMS-Elementes "überschreiben". Darüber hinaus stehen dir in der CMS-Erweiterung zusätzliche Layouts zur Verfügung.
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.
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 "Layout" kannst du eine individuelle Konfiguration für das Element aktivieren. Hiermit kannst du ein paar "globale" Konfigurationen aus der Theme-Konfiguration überschreiben.
Im Tab "Grid" kannst du die Anzahl der Spalten in verschiedenen Viewports konfigurieren.
Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" der Bilder konfigurieren.
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.
Derzeit stehen dir 6 verschiedene Darstellungsarten (siehe Screenshots unten) zur Verfügung:
Button
Buttons (Outline)
Nur Text
Nur Bild
Text unter dem Bild
Text neben dem Bild
Anwendungsbeispiele findest du in unseren Demoshops:
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.
Tipp: In der Cloud-Edition steht dir die gleichnamige Theme-Erweiterung zur Verfügung:
Hinweis: Du musst die Theme-Erweiterung nicht aktivieren um die CMS-Erweiterung nutzen zu können.
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.
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)
