Combined Products Listing

Imagine you run an apparel shop, and your best-selling shorts are available in 8 colors. However, on the product listing page for the shorts, you only showcase one image per color. A customer interested in the ice blue shorts won't be able to see multiple images or different angles of the blue shorts, which makes them much less likely to make a purchase. This is a significant missed opportunity to boost sales.

The Combined Products Listing function allows Shopify merchants to better showcase products available in multiple colors from a single product listing.

This feature enables merchants to create a unified product listing that includes all variations of a product. Each variation can have its own image carousel, unique descriptive URL, and individual publishing controls.

Enable Combined Products Listing

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme settings -> General.

4. Scroll to Variant picker and choose Enable combined products listing

1. From Product information -> Click Add block -> Choose Variant picker.

You can use Metafields to show "Combined Products Listing" by each product.

How to add new Metafields?

1. From your Shopify admin, go to Settings -> Custom Data.

2. Click Products → Add Definition.

3. Please enter correct Name as we noted below.

- Combined Products Listing

Name: Combined Products Listing.
Namespace and key: custom.combined_products_listing
Select content type: Product

- Combined Products Listing Image

Name: Combined Products Listing Image.
Namespace and key: custom.combined_products_listing_image
Select content type: File

- Combined Products Listing Name Color

Name: Combined Products Listing Name Color.
Namespace and key: custom.combined_products_listing_name_color
Select content type: Single line text

How to insert content for Product Metafields?

1. From your Shopify admin, go to Products -> All products.

2. Find and choose the product that you want to edit.

- Combined Products Listing

1. At Combined Products Listing, click "Select products".

2. Choose the product you want to display.

- Combined Products Listing Image

1. At Combined Products Listing Image, click "Select file".

2. Choose the image you want to display (if this file is not selected, the first image of the product will be chosen as a replacement).

- Combined Products Listing Name Color

1. At Combined Products Listing Name Color enter the text to display the name of the color.