Image banner slider settings
Image banner slider is a full-width banner section with a background image (separate desktop and mobile variants) that can hold layered text content blocks (heading, subheading, text, button, divider, spacer) to promote a message or highlight a collection. The banner's height, content position, content alignment, color scheme, and background overlay opacity are all configurable from the theme editor.
The section's key feature is the Product slider block, which turns the banner into an interactive product showcase: a row of thumbnails (up to 3 products) appears below the main content, and hovering/selecting a thumbnail swaps the banner's background image for that product's image while a card below displays its title, type, price, or vendor (each of these can be toggled independently). This is useful on a homepage to feature several key products — for example, fragrances in a product line — within a single visually rich block instead of separate banners for each item.
| Setting | Description |
|---|---|
| Slides limit (info text) | Only the first 3 product slides are shown. |
| Color scheme (under "Product card") | Sets the background and text colors for the product card that appears below the thumbnails. Choose from your theme's predefined color schemes. To modify a scheme, go to Theme settings → Colors. |
| Product title |
Sets the typography preset used for the product title on the card. Options: • H5 • H6 (Default) • Subheading • Caption • Paragraph Edit presets in theme settings. |
| Show product image | Displays the product's image on the card. Disabled by default. |
| Show vendor | Displays the product's vendor/brand name on the card. Disabled by default. |
| Show type | Displays the product's type on the card. Enabled by default. |
| Show price | Displays the product's price on the card. Disabled by default. |
| Show link icon | Displays a small arrow icon on the card, linking through to the product page. Enabled by default. |