Combined Products Listing
Last updated
Last updated
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.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> General.
Scroll to Variant Picker and choose Enable Combined Products Listing
From Product Top Layout -> Click Add block -> Choose Variant Picker
You can use Metafields to show "Combined Products Listing" by each product.
From your Shopify admin, go to Settings -> Custom Data.
Click Products → Add Definition.
Please enter correct Name as we noted below.
Name: Combined Products Listing.
Namespace and key: custom.combined_products_listing
Select content type: Product
Name: Combined Products Listing Image.
Namespace and key: custom.combined_products_listing_image
Select content type: File
Name: Combined Products Listing Name Color.
Namespace and key: custom.combined_products_listing_name_color
Select content type: Single line text
From your Shopify admin, go to Products -> All products.
Find and choose the product that you want to edit.
At Combined Products Listing, click "Select products".
Choose the product you want to display.
At Combined Products Listing Image, click "Select file".
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).
At Combined Products Listing Name Color enter the text to display the name of the color.
