Der ThemeWare® "Kategorie-Teaser (Modern)" zeigt automatisch Kategoriedaten (Name und Bild) aus der Shopware Kategorieverwaltung an und verlinkt auf die jeweilige Kategorie. Er ist die vereinfachte moderne Variante basierend auf dem Modern-Teaser-Stil. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.
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 Element ist nur in der ThemeWare® Pro Edition verfügbar.
Den ThemeWare® "Kategorie-Teaser (Modern)" kannst du wie folgt konfigurieren:
Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren
Fahre mit der Maus über das gewünschte 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 Konfiguration vom "Kategorie-Teaser (Modern)" ist recht selbsterklärend. Die Kategorie ist ein Pflichtfeld. Die Kategoriedaten (Name und Bild) werden automatisch angezeigt.
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Kategorie
Im Abschnitt "Kategorie" wählst du die gewünschte Kategorie aus. Der Name (2) und das Bild (1) der Kategorie werden automatisch im Teaser angezeigt. Der Link zeigt automatisch auf die ausgewählte Kategorie.
Content (Inhalt)
Im Abschnitt "Content" kannst du den Badge-Text (3) eingeben.
Bild
Im Abschnitt "Bild" kannst du optional ein eigenes Bild festlegen, das anstelle des Kategoriebildes angezeigt wird. Außerdem konfigurierst du den Anzeigemodus (Cover/Contain/Stretch), die Minimale Höhe und die Barrierefreiheit (Alt-Text, dekoratives Bild).
Im Tab "Layout" kannst du das Padding, die abgerundeten Ecken, die Hintergrundfarbe, das Badge, die Beschriftung und die Inhaltsausrichtung konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du das Padding, die abgerundeten Ecken und die allgemeine Hintergrundfarbe konfigurieren.
Badge
Im Abschnitt "Badge" kannst du den Badge-Stil, die Badge-Farben und die Badge-Position konfigurieren.
Beschriftung
Im Abschnitt "Beschriftung" kannst du die Schriftart, die Strichstärke, die Textformatierung, die Textfarbe, die Hintergrundfarbe, den Schlagschatten und die abgerundeten Ecken der Beschriftung konfigurieren.
Content (Inhalt)
Im Tab "SEO & Pagespeed" kannst du die Fetch-Priorität und das Lazy Loading vom Bild konfigurieren.
Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.
Es stehen Felder für CSS-Klassen vom Element, der Beschriftung und dem Badge zur Verfügung.
