Der ThemeWare® "Modern-Teaser" ist der Standard-Teaser vom Modern-Theme für Shopware 6. Er ist unabhängig von seinem CMS-Block. 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.
ThemeWare® "Modern-Teaser"
Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.
Element konfigurieren
Den ThemeWare® "Modern-Teaser" 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.
ThemeWare® "Modern-Teaser" konfigurieren
Konfiguration
Die Konfiguration vom "Modern-Teaser" ist recht selbsterklärend. Die Beschriftung und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.
Allgemein
Im Tab "Allgemein" konfigurierst du den Content des Elementes.
Content (Inhalt)
Im Abschnitt "Content" kannst du die Beschriftung (2) für den Teaser eingeben. Dies ist ein Pflichtfeld.
Bild
Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.
Link
Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.
Layout
Im Tab "Layout" kannst du die Beschriftung (2) konfigurieren.
Allgemein
Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.
Beschriftung
Im Abschnitt "Beschriftung" kann die Schriftart, Strichstärke, Textformatierung, Textfarbe und Hintergrundfarbe der Beschriftung (2) konfiguriert werden.
Content-Overlay
Im Abschnitt "Content-Overlay" kannst du den Schlagschatten und die abgerundeten Ecken des Content-Overlays konfigurieren.
Layout
Im Abschnitt "Layout" kannst du die horizontale Ausrichtung und vertikale Ausrichtung des Inhaltes (=Beschriftung) (2) auswählen.
Bild
Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.
Elemente vom "Modern-Teaser"
SEO & Pagespeed
Im Tab "SEO & Pagespeed" kannst du 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.
Datenzuordnung (folgt)
Auf Kategorie- und Produktseiten können folgende Felder per Datenzuordnung dynamisch aus der aktuellen Kategorie bzw. dem aktuellen Produkt übernommen werden:
- Bild - z.B. Kategoriebild oder Produktbild
- Titel - z.B. Kategoriename oder Produktname
Demo
Anwendungsbeispiele findest du in den ThemeWare® Demoshops:
ThemeWare® Demoshop => Modern-Teaser