Combined Listings Guideline in G: Combined Listings & Variants

Combined Listings Guideline in G: Combined Listings & Variants

Combined Listings is new feature designed for Shopify Plus store owners, enabling you to

  1. Group related products by color, size, or other options, creating one unified product experience where customers see all choices in a single view.
  2. Creates actual parent products in Shopify with your separate products becoming variants.

Benefits of Combined Listings feature:

  1. Enables instant switching between options without page reloads, ensuring smooth and consistent customer browsing.
  2. Works seamlessly with all Shopify features including search, themes, variants, and product pages since it uses Shopify's built-in functionality.
Currently, Combined Listings is available to Shopify Plus stores only. If you’re a Shopify Plus store owner and want to experience this feature, contact us today to arrange a trial!


Now, let’s go through this step-by-step. 


You have two ways to use this features:


1. Convert from Existing Product Groups 

If you want to use an existing Product Group, go to the ‘Product groups’ tab, click the dropdown beside ‘Edit’, and choose ‘Convert’ to convert that product group to Combined Listings.



2. Create New Combined Listings 

If you want to start fresh with a new group, go to the ‘Combined Listings’ tab, click ‘Create Combined Listing’. 



Creating a combined listing is similar to the multiple-option product groups.

Grouptify - Combined Listings



Notes
NOTES: To add new products in the product list, you must add the option first.

STEP 1: Add Options and Option Values 

Option values: The Swatch Display Style defines how the swatch appears on the storefront


Grouptify - Combined Listings

  1. One color: Display the option swatch as one color. Choose from available colors or enter a HEX color code.

Grouptify - Combined Listings


  1. Two colors: Display the option swatch as two colors. Choose from available colors or enter a HEX code for each color.

Grouptify - Combined Listings Two color swatch on the storefront

Two colors swatch on the storefront


  1. First image: Display the swatch using the first image from the product’s image gallery.

Grouptify - Combined Listings


  1. Custom image: Display the swatch using a custom image. Enter the image URL or upload an image by clicking ‘here’

Grouptify - Combined Listings


STEP 2: Add Products

Click the + icon to add a new product.


Grouptify - Combined Listings



Notes

NOTES: 


When your chosen products are in another group, a small window will pop up like this. 

  1. If you don’t want to move those products to a new combined listing, click ‘No, remove them’. 
  2. If you want to add them into the new combined listing, click ‘Yes, keep them’. That also means the chosen products will be removed from their former group. 


If you click ‘Publish’, the combined listings will be automatically published right after. 


Click ‘Save draft’ or 'Save' if you want the combined listings to be hidden on the live store. 


  1. To see how the combined listing will show in the storefront, on the dropdown of the Combined listing, click 'View in store'.


  1. This is an example of preview in store pages. 

STEP 3: Add Custom Grouptify Options Appearance 

  1. When a combined listing is created, you will only see the default theme appearance for all options.
  2. To enable the custom Grouptify Options appearance, you can add the Combined Listings Widget to the product template.

👉 How to add the Combined Listings Widget:

* A warning will appear when you create a combined listing : “Add the Combined Listings Widget to this product template.”


First, click on Add Widget.


CoGrouptify - Combined Listingsmbined Listings


The widget will be automatically added to the Product information section on the Product page.


Grouptify - Combined Listings


You can also add the widget by yourself. Under the Product information section, click on “Add block”, type in “Combined Listings” and add this widget.



Grouptify - Combined Listings


The widget will appear on the product page as in the below image. 


Grouptify - Combined Listings


WarningNOTES: It is required not to delete the theme’s default variant picker, as the Combined Listings Widget works in conjunction with it to display product options correctly. 


Grouptify - Combined Listings



Idea

Pro tips: Experts suggest that when testing combined listings, you should set the product status to “Unlisted”.


“Unlisted product status hides products from store search and collections, all sales channels, internet searches and Shopify Catalog—while still allowing access via a direct URL. It’s ideal for private sales, warranties, add-ons, or “free gift with purchase” items you don’t want discovered or used outside of their intended purpose.” (Shopify)


Grouptify - Combined Listings


3. Edit Parent Product

A parent product generated by ‘Combined Listings’ should be added details for better Shopify SEO. 


To make changes, on the dropdown of your combined listing, click ‘View in Shopify’.



Here, fill in specific information about your parent product: title, description, images, metafields, etc.






Now you know how to create a Combined Listing to enhance your store's display and search power. If you need any support on this, we are here to help.

    • Related Articles

    • GETTING STARTED WITH GROUPTIFY: COMBINED LISTINGS GUIDELINE

      Grouptify assists Shopify merchants in merging related products into a single display, enhancing conversions and the overall shopping experience. Our app provides Shopify users with two main functions: product grouping, re-design variant picker ...
    • How to Enable Grouptify App Embed in Your Theme

      To ensure the G: Combined Listings & Variant app works correctly, the first step is to enable the app embed. If you haven’t enabled the app embed yet, you will see the following notification in the Grouptify: Combined Listings app interface: At this ...
    • How to use the Split Products feature

      How Split product works Split products with multiple variants into individual single products. Each product will have its own name, media, description, and URL. After splitting, the split products will automatically be grouped back into a product ...
    • Customizing Circle Swatch, Square Swatch, Polaroid Swatch styles

      If you want your Color Swatch styles to match your product page designs rather than a generic and default template, go for the ‘Appearance’ feature in G: Combined Listings. This feature allows you to flexibly create customized Color Swatch templates ...
    • Customizing Button With Circle Swatch and Button With Square Swatch styles

      If you want your Color Swatch styles to match your product page designs rather than a generic and default template, go for the ‘Appearance’ feature in G: Combined Listings. This feature allows you to flexibly create customized Color Swatch templates ...