Shopable image

Shoppable Image is a visual-merchandising section that displays a hero image with interactive hotspots (“pins”) linked to products. It’s ideal for lookbooks, “shop the look”, tutorials, or campaign hero banners.

Section settings

General settings

Setting	Descriptio
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fixed width: depends on your page content width in Theme settings -> Layout. Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors
Image ratio	The image ratio for the featured images of the blog posts: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait (3:4) - Crops the images to use a 3:4 ratio. Square (1:1) - Crops the images to use a 1:1 ratio Landscape (4:3) - Crops the images to use a 4:3 ratio
Column gap	4 options for column gap No gap Small Medium Large

Section padding

Setting	Description
Top	Customize the top margin of the section
Bottom	Customize the bottom margin of the section