A full-bleed image carousel with the product name, subtitle, and price displayed directly on the photo, over a readability gradient — a premium editorial look for fashion, home, and lifestyle catalogs.
It shares its engine with the Product Slider & Grid: the same four Style accents, badges, hover effects, autoplay, image zoom, second-image-on-hover, and the central price format and currency settings. Two settings define its identity: Show Text on Image and Show Gradient Overlay, both on by default, with a taller photo canvas and three cards per view. Turn Show Text on Image off and switch on Show Product Title and Show Price, and it becomes a classic below-image card slider.
How this template works
Style accents, Catalog Fields, live demo mode and central pricing work exactly as in the Product Slider & Grid — see How this template works there, and Slider options for the arrows, dots and grid rows (here the item counts, breakpoints and Layout — Slider or Grid sit under Widget Layout).
Good to know
- Items per device respond to the container, not just the screen. The visible item counts (desktop / tablet / mobile) are applied from the widget’s own width, so they work correctly in the editor’s device preview, on real phones, and even inside narrow sidebars.
- Text on Image removes duplicates automatically. While the overlay is on, the title, brand line, and price below the photo hide by themselves.
- Hover styles are separate fields. If you change a button’s base color, mirror it in the matching Hover Style field for a consistent hover.
- Saved template cards freeze their code. If you keep your own copy in My Templates, actions created from it use the code as it was when saved — re-save the card after major updates.