Kategorie-Teaser (Modern)
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.
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Element konfigurieren
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 konfigurierenEs öffnet sich das Pop-up "Element-Einstellungen"
Nehme die gewünschten Änderungen vor
Speichere deine Änderungen
Du hast das CMS-Element nun konfiguriert.
Konfiguration
Die Konfiguration vom "Kategorie-Teaser (Modern)" ist recht selbsterklärend. Die Kategorie ist ein Pflichtfeld. Die Kategoriedaten (Name und Bild) werden automatisch angezeigt.
Allgemein
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).
Layout
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 Abschnitt "Content" kannst du die vertikale Ausrichtung und die horizontale Ausrichtung des Inhaltes konfigurieren.
SEO & Pagespeed
Im Tab "SEO & Pagespeed" kannst du die Fetch-Priorität und das Lazy Loading vom Bild konfigurieren.
Erweitert
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.
Zuletzt aktualisiert
War das hilfreich?