Products with image
Display a list of products with an image promotion
Build an engaging section showcasing products from a collection alongside a prominent image promotion. This modern design by Broadcast captures shoppers' attention while browsing your store pages.

Section settings
Layout
Width
select
Defines section width: Full width
, Full width padded
, or Normal
.
Mobile
Reverse block placement
checkbox
Reverse order of blocks on mobile.
Colors
Color scheme
color_scheme
Select section-wide color scheme.
Padding
Top
range
Space above the section.
Bottom
range
Space below the section.
Customize
Mobile placement can be reversed to show the image first or after the products.

The mobile layout can have one or two items per row or a slider for less vertical scrolling.
When using four products for your section, choose a tall image to span two rows of products. A wide-aspect ratio image will work best for two products.

Video Overview
This video demonstrates the section settings and block options for the Products with image section, including mobile layouts:
Last updated