Shop the look banner

This section allows you to add a prominent image with interactive product hotspots. It’s ideal for showcasing popular products visually appealingly with customizable.

View shop the look grid section.

Section settings

Settings	Type	Description
Image
Image	image_picker	Upload the main banner image.
Layout
Image scaling ratio	range	Adjusts the banner image’s aspect ratio (width to height).
Show product titles arrow	checkbox	Toggles arrows for hotspot product titles.
Default to open	checkbox	Opens the first product card by default.
Product card image aspect ratio	range	Adjusts product image size within the hotspot card.
Button color	select	Sets button color. Options: Primary, Secondary, White, or Black.
Button style	select	Choose from Solid, Outline, Solid with border, or Soft.
Text
Heading	text	Main heading for the section.
Heading size	range	Adjust heading font size.
Text	richtext	Subheading or description.
Text size	range	Adjusts body text size.
Text alignment	select	Choose Left or Center alignment.
Mobile
Mobile image	image_picker	Optional alternate image for mobile view.
Image scaling ratio	range	Adjust mobile image aspect ratio.
Popup heading	text	Title shown on popup card.
Show free shipping message	checkbox	Displays a message indicating free shipping.
Colors
Section
Text	select	Color of general section text. Options: Light, or Dark.
Hotspot color	color	Sets color for the product hotspot.
Background	color	Background color of the banner.
Overlay gradient	color_background	Optional gradient overlay for the background.
Hotspot contents
Text	select	Text color inside hotspot popups. Options: Light, or Dark.
Background	color	Background color inside hotspot popups.
Section spacing
Width	select	Section width. Options: Full width, or Full width padded.
Padding top	range	Space above section.
Padding bottom	range	Space below section.