Shop the look

Try this setup#

Open in the editor Home page → Shop the look

Let customers explore the products shown in one image.

1. Open Shop the look and choose the image that contains the products you want to feature.
2. Select each Product point block, connect its actual product and position its hotspot over the matching item.
3. Open every hotspot in the preview. On mobile, check that shoppers can select each point without covering the information.

See the Shop the look controls

What to look for Each numbered point opens the matching product. Generic Product 1/2 placeholders disappear after you connect your products.

When to use it#

Connect image hotspots to specific products.

Set up#

Choose an image, add product hotspot blocks, and configure point positions.

Available from Add section where supported by its template restrictions. Excluded from: groups: header, footer

Section settings#

These are schema defaults. Your installed theme or selected preset can use different saved values.

Content

Layout and behavior

Colors

Spacing

Margins add space outside the section. Padding adds space inside it.

Blocks#

Add, reorder and configure the supported blocks in the editor. Some block types have an individual limit.

Product point#

Section block limit: 6.