Shop the look
The Shop the look section is an interactive visual shopping experience. A background image (usually a styled photo) displays with clickable points (“hotspots”). Each point reveals a product popup showing its image, name, price, and a customizable "View more" button. It's ideal for editorial-style shopping layouts.
How to Configure the Shop the Look
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
In the left sidebar, click Add section, then select Shop the Look, or locate it if it’s already added.
Upload the main image and add product hotspots by selecting products and placing clickable markers on the image.
You can drag and drop this section to reorder it on the page.
Click Save.
Section Settings
Setting
Type
Description
Image (desktop)
Image selector
Background image shown on desktop devices.
Image (mobile)
Image selector
Background image optimized for mobile devices.
Color scheme
Theme selector
Controls the color scheme for popups and hotspot elements.
Blocks
Product
Each Product block adds a clickable point (hotspot) on the image that shows product info in a popup.
Setting
Type
Description
Product
Product selector
Select the product to display in the popup.
Horizontal alignment (%)
Range (0–100)
Defines the horizontal position of the hotspot as a percentage of image width.
Vertical alignment (%)
Range (0–100)
Defines the vertical position of the hotspot as a percentage of image height.
View more button label
Text
Custom label for the button that opens the product page.
Usage Tip: Use high-quality, styled images and thoughtfully placed product markers to increase engagement and conversion. This section works especially well for outfit curation, interior design, or bundled promotions