Slide product
Slide product block
| Setting | Description |
|---|---|
| Color scheme | Sets the background and text colors for the slide. Choose from your theme's predefined color schemes. To modify a scheme, go to Theme settings → Colors. |
| Background image | Upload a background image for the slide on desktop. |
| Background image mobile | Upload a separate background image for the slide on mobile devices. |
| Overlay | Controls the darkness of the overlay on top of the background image. Higher values make the overlay darker. Range: 0–100% (default: 0%). |
| Label 1 | Text displayed as the first label above the heading. |
| Label 1 icon | Upload a small icon to display next to Label 1. |
| Label 2 | Text displayed as the second label above the heading. |
| Label 2 icon | Upload a small icon to display next to Label 2. |
| Label font weight |
Controls how thick or thin the label text appears. Options: • Normal — standard weight. • Medium — slightly heavier than normal. (Default) • Semi bold — noticeably heavier weight. • Bold — the heaviest, most prominent weight. |
| Label font size | Controls the size of the label text. Range: 10–24px (default: 20px). |
| Heading | Main heading displayed on the slide. |
| Heading size |
Controls the size of the heading. Options: • Small — smaller heading. • Medium — standard heading size. (Default) • Large — larger heading. |
| Heading width | Sets the maximum width of the heading text on desktop. Range: 100–600px (default: 400px). |
| Heading width mobile | Sets the maximum width of the heading text on mobile. Range: 100–600px (default: 400px). |
| Subheading | Secondary text displayed below the heading. |
| Button label | Text displayed on the call-to-action button. Leave blank to hide the button. |
| Button link | URL the button links to when clicked. |
| Use outline button style | Displays the button as an outlined style instead of solid. Disabled by default. |
| Show arrow on button | Displays a small arrow icon on the button. Disabled by default. |
Product
| Setting | Description |
|---|---|
| Product | Select the product to feature on the right side of the slide. |
| Image ratio |
Controls the shape of the product image. Options: • Adapt to image — uses the image's natural proportions. (Default) • Portrait — tall vertical crop. • Square — equal width and height crop. • Landscape — wide horizontal crop. |
| Show second image on hover | Displays the product's second image when a visitor hovers over the product card. Disabled by default. |
| Show vendor | Displays the product's vendor name on the product card. Disabled by default. |
| Show product rating | Displays the product's star rating on the card. To show ratings, a product rating app must be installed. Disabled by default. |
| Product icons | Enter the name of a metafield of type "File → List of files" to display custom icons on the product card. Create the metafield definition in your Shopify admin first. |
| Product info | Enter the name of a metafield of type "Single line text" to display custom product info on the card. Create the metafield definition in your Shopify admin first. |
| Show products stock | Displays the remaining stock count on the product card. Disabled by default. |
| Quick add |
Controls the quick-add button behaviour on the product card. Options: • None — no quick-add button. • Standard — adds the product to the cart directly from the slide. (Default) • Bulk — optimized for products purchased in higher quantities. |