Shop the Look Grid
The 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
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
Hotspot color
color
Color for product hotspot markers.
Color scheme
color_scheme
Applies a predefined theme color scheme to the section.
Hotspots contents
Background
color
Background color for popup content.
Button
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.
Last updated