Shop the look grid

Shop the look grid section is designed to display a grid layout of products in an interactive format, where users can view products linked to specific 'looks' in a visually appealing way.

View shop the look banner section.

Section settings

Settings	Type	Description
Products per row on desktop	range	Set how many products appear per row.
Image	image_picker	Upload the main image for the section.
Image position	select	Choose image alignment: Left or Right.
Set custom aspect ratio	checkbox	Toggle to enable a custom aspect ratio.
Aspect ratio	range	Define image aspect ratio.
Heading	text	Title of the section.
Heading size	range	Scale the heading size.
Text	richtext	Rich text content under the heading.
Text size	range	Scale the paragraph text size.
Text alignment	select	Align text Left or Center (desktop only).
Show hotspots	checkbox	Toggle to display product hotspots.
Show buttons arrow	checkbox	Show/hide arrow in buttons.
Popup heading	text	Title shown in the product popup.
Show free shipping message	checkbox	Toggle visibility of free shipping text.
Colors
Text	select	Choose Light or Dark text color.
Hotspot color	color	Color for product hotspot markers.
Background color	color	Section background color.
Overlay gradient	color_background	Optional gradient overlay.
Hotspots contents
Text	select	Text color inside hotspot popup. Light or Dark.
Background	color	Background color for popup content.
Buttons
Text	text	Button label text.
Link	url	URL the button should link to.
Color	select	Choose button color style.
Style	select	Choose button appearance style.
Size	select	Choose button size: Small, Medium, or Large.
Section spacing
Width	select	Set section width: Full width padded or Page width.
Padding top	range	Padding above the section.
Padding bottom	range	Padding below the section.