Look
An image or looping video with up to five product hotspots. Each hotspot shows a product card. The Shop the look button opens a drawer with the products and their add-to-cart buttons, plus a button to add them all.
Where it is used
Used in the shoppable-image section, and on the home page template.
Settings
Media settings
| Setting | Options | Description |
|---|---|---|
| Image | 1920px x 840px recommended | |
| Video | Video that plays in place of the image. It plays muted and on a loop. |
Content
| Setting | Options | Description |
|---|---|---|
| Heading | Heading shown under the media, above the Shop the look button. It also labels a hotspot that has no product title. |
Product 1
| Setting | Options | Description |
|---|---|---|
| Vertical position | Vertical position of this hotspot dot, as a percentage of the image height measured from the top. | |
| Horizontal position | Horizontal position of this hotspot dot, as a percentage of the image width measured from the left. | |
| Product | Product linked to this hotspot. Shoppers who select the dot see a small product card, and the product is also listed in the Shop the look drawer. |
Product 2
| Setting | Options | Description |
|---|---|---|
| Vertical position | Vertical position of this hotspot dot, as a percentage of the image height measured from the top. | |
| Horizontal position | Horizontal position of this hotspot dot, as a percentage of the image width measured from the left. | |
| Product | Product linked to this hotspot. Shoppers who select the dot see a small product card, and the product is also listed in the Shop the look drawer. |
Product 3
| Setting | Options | Description |
|---|---|---|
| Vertical position | Vertical position of this hotspot dot, as a percentage of the image height measured from the top. | |
| Horizontal position | Horizontal position of this hotspot dot, as a percentage of the image width measured from the left. | |
| Product | Product linked to this hotspot. Shoppers who select the dot see a small product card, and the product is also listed in the Shop the look drawer. |
Product 4
| Setting | Options | Description |
|---|---|---|
| Vertical position | Vertical position of this hotspot dot, as a percentage of the image height measured from the top. | |
| Horizontal position | Horizontal position of this hotspot dot, as a percentage of the image width measured from the left. | |
| Product | Product linked to this hotspot. Shoppers who select the dot see a small product card, and the product is also listed in the Shop the look drawer. |
Product 5
| Setting | Options | Description |
|---|---|---|
| Vertical position | Vertical position of this hotspot dot, as a percentage of the image height measured from the top. | |
| Horizontal position | Horizontal position of this hotspot dot, as a percentage of the image width measured from the left. | |
| Product | Product linked to this hotspot. Shoppers who select the dot see a small product card, and the product is also listed in the Shop the look drawer. |
Vertical and horizontal positions are percentages from the top and left edges of the image or video. Hotspots 2 to 5 show only when a product is chosen for them.
Notes
The video plays only when it has an MP4 source. Otherwise the image is shown.
Hotspot 1 always appears, even when no product is chosen for it.
No comments yet