Shoppable image

Section handle: shoppable-image

Settings

Layout

Setting	Type	Default	Description
Text placement	Dropdown	above	Select an option. · Options: above – Above image, below – Below image, start – Left of image, end – Right of image
Vertical alignment (desktop)	Dropdown	center	Applies to side-by-side layout; ignored when stacked. · Options: start – Top, center – Center, end – Bottom
Text alignment	Dropdown	left	Affects alignment only. · Options: left – Left, center – Center

Content

Setting	Type	Default	Description
Image	Image	—	Select an image to display.
Aspect ratio	Dropdown	original	Select an option. · Options: 16-9 – 16:9, 3-2 – 3:2, 4-5 – 4:5, original – Original
Overlay style	Dropdown	none	Affects visual styling only. Does not change layout or structure. · Options: none – None, dark – Dark, light – Light
Heading	Text	—	Optional. Leave blank to hide.
Subheading	Rich text	—	Optional. Leave blank to hide.
Description	Rich text	—	Optional.

Advanced

Setting	Type	Default	Description
Caption	Rich text	—	Optional. Leave blank to hide.
Enable quick add	Toggle (on/off)	On	Toggles this option.
Button label	Text	—	Optional. Leave blank to hide.
Button link	URL / Link	—	Optional. Leave blank to disable.

Blocks

Maximum blocks: 6

Hotspot

Block type: hotspot

Content

Setting	Type	Default	Description
Product	Product	—	Select content to display.
Label (optional)	Text	—	Optional. Used as a screen reader label for the hotspot. Leave blank to use the product title.
Horizontal position (%)	Slider	20	Affects alignment only. · Min: 0 · Max: 100
Vertical position (%)	Slider	30	Affects alignment only. · Min: 0 · Max: 100

Default Configuration

When you add this section from the Theme Editor, it comes pre-configured with:

• Shoppable image — 3× Hotspot

---