# Products with image

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.

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/U4KVCT2hVKYEBlERylPK/products-with-image-man.jpg" alt=""><figcaption></figcaption></figure>

### Flexible

You can select up to four products to feature in this promotion. The **Quick Add** feature quickly adds items to the cart. The call-to-action link over the image allows shoppers to view more items.

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/cy7GfuqWmXktOXt42QL3/show%20with%20quick%20add%20version.jpg" alt=""><figcaption><p><strong>Choose any products to build the product list. The Quick Add feature appears while hovering a product.</strong></p></figcaption></figure>

### Customize

* Mobile placement can be reversed to show the image first or after the products.

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/Z8cUEynMHY9IQzLmbgdD/products-with-image-reverse-block.jpg" alt=""><figcaption></figcaption></figure>

* 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.

<figure><img src="https://content.gitbook.com/content/j8jzXN4KKXAfQhgbN5lO/blobs/jfI9LVXlVdDZs1Nv29od/one-row-example-products-image.jpg" alt=""><figcaption><p><strong>Use a wide image for single row sections or a tall image for two rows</strong></p></figcaption></figure>

### Video Overview

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

{% embed url="<https://www.loom.com/share/c372a87616c84ebe96d4b147eef6556c?sid=af314567-4f96-4fb2-8c1c-9785a363fc57>" %}
**Video walkthrough of the products with image section**
{% endembed %}