Ein randloses Bildkarussell, bei dem Produktname, Untertitel und Preis direkt auf dem Foto stehen, über einem Verlauf für bessere Lesbarkeit — ein hochwertiger, redaktioneller Look für Mode-, Wohn- und Lifestyle-Kataloge.
Es teilt seine Engine mit dem Product Slider & Grid: dieselben vier Style-Akzente, Badges, Hover-Effekte, Autoplay, Bildzoom, zweites Bild beim Hover sowie die zentralen Einstellungen für Preisformat und Währung. Zwei Einstellungen prägen seinen Charakter: Show Text on Image und Show Gradient Overlay, beide standardmäßig eingeschaltet, dazu eine höhere Bildfläche und drei Karten pro Ansicht. Schalten Sie Show Text on Image aus und Show Product Title sowie Show Price ein, wird daraus ein klassischer Karten-Slider mit dem Text unter dem Bild.
So funktioniert diese Vorlage
Style-Akzente, Catalog Fields, Live-Demo-Modus und zentrale Preiseinstellungen funktionieren genau wie beim Product Slider & Grid — siehe dort So funktioniert diese Vorlage und Slider-Optionen für Pfeile, Punkte und Rasterzeilen (hier liegen die Artikelanzahlen, Breakpoints und Layout — Slider or Grid unter Widget Layout).
Gut zu wissen
- Die Artikel pro Gerät richten sich nach dem Container, nicht nur nach dem Bildschirm. Die sichtbaren Artikelzahlen (Desktop / Tablet / Mobil) werden aus der eigenen Breite des Widgets abgeleitet und funktionieren daher in der Gerätevorschau des Editors, auf echten Smartphones und sogar in schmalen Seitenleisten korrekt.
- Text on Image entfernt Doppelungen automatisch. Solange das Overlay aktiv ist, blenden sich Titel, Markenzeile und Preis unter dem Foto von selbst aus.
- Hover-Stile sind eigene Felder. Wenn Sie die Grundfarbe eines Buttons ändern, übernehmen Sie sie im passenden Feld Hover Style, damit der Hover-Effekt einheitlich bleibt.
- Gespeicherte Vorlagenkarten frieren ihren Code ein. Wenn Sie eine eigene Kopie unter Meine Vorlagen behalten, verwenden die daraus erstellten Aktionen den Code im Zustand beim Speichern — speichern Sie die Karte nach größeren Updates erneut.