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

Settings	Type	Description
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.

Use a wide image for single row sections or a tall image for two rows

Video Overview

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

Video walkthrough of the products with image section