Shop the look
Theme editor → Add section → Shop the look. Displays one or more “look” images, each with tappable pins linking to products shown in that photo. Available in the main page sections list — not usable in the header, cart/search drawers, or popups.
Layout
Section titled “Layout”- Column count — how many looks are shown side by side on desktop. Range 1–4, default 3.
- Mobile layout — Stacked or Inline (side-scrolling). Default Stacked.
- Remove gaps — removes the spacing between looks so they sit flush. Default off.
Section settings
Section titled “Section settings”- Color scheme — default Scheme 1.
- Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
- Spacing size — Base, Small, or X-small. Default Base.
- Container size — Full, Wide, or Normal. Default Normal.
- Include header offset — if enabled, the section is offset by the header’s height in addition to the padding above. Default off.
Blocks
Section titled “Blocks”The section supports two block types: Group (one look image with its pins) and Section heading — see Shared content blocks for the latter.
One “look” — an image with one or more shoppable pins placed on it.
- Image — the look’s photo.
- Aspect ratio — 1:1, 4:5, 3:4, 2:3, 4:3, 16:9, or Auto (the image’s own proportions). Default 3:4.
- Color scheme (item) — color scheme used for the product pin markers. Default Scheme 1.
- Color scheme (subheading) — color scheme used for the group’s subheading label. Default Scheme 1.
Each group holds its own blocks:
A single product pin placed on the image.
- Product — the product this pin links to.
- Top — vertical position of the pin, as a percentage from the top. Range 0–100%, default 50%.
- Left — horizontal position of the pin, as a percentage from the left. Range 0–100%, default 50%.
Groups also support their own Subheading block — see Shared content blocks.