Shop the look
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”- Hotspot — part of this section
Up to 6 blocks.
Hotspot
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Product | Product | — | |
| Horizontal position Measured from the left and top edges of the image. The hotspot stays on the same spot in every language. | Range | 50 % | 0–100 %, step 1 |
| Vertical position | Range | 50 % | 0–100 %, step 1 |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Image | Image | — | |
| Image ratio | Select | Portrait (4:5) | |
| Image position Start and end follow the store’s language direction. | Select | Start | |
| Lean toward the selected piece The image zooms in slightly toward the piece a customer points to. Off when the theme motion level is Subtle or Off. | Checkbox | On | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. | Select | Auto | |
| Content | |||
| Eyebrow | Text | Shop the look | |
| Heading Make a word italic to emphasize it. | Inline rich text | The look, piece by piece | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Text | Text | Point to a piece in the photo, or pick it from the list. | |
| Pieces | |||
| Show piece numbers | Checkbox | On | |
| Selected piece background Leave blank to use the color scheme’s highlight color. | Color | — | |
| Show total price | Checkbox | On | |
| Total label Shown when Show total price is on. | Text | The full look | |
| Show add all button Adds every available piece in one step. Customers choose a size first for products with one size option. Products with more options link to their product page. | Checkbox | On | |
| Add all button label Shown when Show add all button is on. | Text | Add the full look | |
| Button style Shown when Show add all button is on. | Select | Ink | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Section width. Defaults here: Top spacing 160 px (everywhere else: 64 px); Bottom spacing 32 px (everywhere else: 64 px); Top spacing on mobile 96 px (everywhere else: 40 px); Bottom spacing on mobile 16 px (everywhere else: 40 px). | |||
Presets
Section titled “Presets”- Shop the look — Category: Products
Starts with: Hotspot, Hotspot, Hotspot, Hotspot