Setup block
One setup of the section: a tab with an image. Hotspots are placed on the image with Setup hotspot blocks; add them with Add block inside the Setup block.
| Setting | Description |
|---|---|
| Tab label | Name shown on the setup’s tab. Default: Setup 1. |
| Image | Image of the setup. |
| Image ratio | Shape of the image: Adapt (original proportions), Landscape, Square, Portrait or Custom. Default: Landscape. |
| Custom image ratio | Image height as a percentage of its width. Available only when Image ratio is Custom. Range: 40–180 %, step 2. Default: 100 %. |
Setup hotspot block
A hotspot placed on the setup image. It refers to one product; the customer clicks it to see the product card and add the product to the selection.
Product and appearance
| Setting | Description |
|---|---|
| Product | Product the hotspot refers to. |
| Color scheme | Color scheme of the product card. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Pin background color | Background color of the hotspot pin. Default: #FFFFFF. |
| Pin icon color | Color of the icon on the pin. Default: #E00031. |
| Product card position | Where the product card opens relative to the pin: Bottom right, Bottom left, Top right or Top left. Default: Bottom right. |
Position
| Setting | Description |
|---|---|
| Horizontal position | Position of the pin from the left edge of the image on desktop. Range: 0–100 %. Default: 50 %. |
| Vertical position | Position of the pin from the top edge of the image on desktop. Range: 0–100 %. Default: 50 %. |
| Horizontal position mobile | Position of the pin from the left edge on mobile. Range: 0–100 %. Default: 50 %. |
| Vertical position mobile | Position of the pin from the top edge on mobile. Range: 0–100 %. Default: 50 %. |