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

Last updated