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: 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 Text on Image off and it converts into a classic below-image card slider.
How this template works
This template family is built around four ideas:
- Style accents. The first setting, Style accent (light, gold, bold, ocean), recolors cards, badges, buttons, prices, dots, and scrollbars together in one click. Every color is still individually overridable in its own style field afterwards.
- Catalog Fields in one place. The Catalog Fields section (second in the menu) maps every product column the template uses — images, URL, title, brand, both price columns, rating, description, inventory, discount percent, dates, and custom fields. Mappings are global: setting a column there updates every element that uses it. Stores with fully custom feeds can rewire the whole widget from this single section.
- Live demo mode. While designing, realistic demo products appear automatically (visitors never see them). The first demo card is a live showcase: click any element on it to style it, and every toggle — badges, Add to Cart, overlays, statistics, description, per-unit price — visibly responds on it.
- Central pricing. The Pricing section has one Price Format select (standard / european / rounded / rounded-european) and one pair of currency-symbol fields that apply everywhere prices appear, including the on-image overlay. Products without a price show nothing — no orphan currency symbols.
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 Your templates, actions created from it use the code as it was when saved — re-save the card after major updates.