A lifestyle image with tappable hotspots that link out to individual products.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Overlay text color: Pick a custom color.
- Overlay background color: Pick a custom color.
- Section width: Choose from: “Page”, “Full”.
- Subheading: Enter a short line of text.
- Subheading: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Heading: Enter a longer block of text (one item per line where applicable).
- Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text: Enter a longer block of text (one item per line where applicable).
- Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Button label: Enter a short line of text.
- Button link: Link to a page, product, collection, blog post, or external URL.
- Button style: Choose from: “Primary button”, “Secondary button”, “Outline”, “Link”.
- Text align: Choose from: “Left”, “Center”, “Right”.
- Desktop image: Upload or select an image to display.
- Mobile image: Upload or select an image to display.
- Top padding: Fine-tune this value with the slider (from 0 to 100px).
- Bottom padding: Fine-tune this value with the slider (from 0 to 100px).
Product hotspot block #
- Product: Select a product from your store.
- Horizontal position: Fine-tune this value with the slider (from 0 to 100%).
- Vertical position: Fine-tune this value with the slider (from 0 to 100%).
- Horizontal position: Fine-tune this value with the slider (from 0 to 100%).
- Vertical position: Fine-tune this value with the slider (from 0 to 100%).
