For the complete documentation index, see llms.txt. This page is also available as Markdown.

Configure product group as variant

What is Product Group?

Group Products as Variants allows you to link separate Shopify products together and display them as variant options on your storefront.

Instead of using Shopify's built-in variant system, you can connect individual products and let customers switch between them using color swatches, image swatches, buttons, or dropdown menus.

Give Each Product Its Own URL

Because each option is a separate Shopify product, every product keeps its own unique URL.

This can improve search engine visibility and allow each product to be indexed individually by Google.

Example

Instead of creating one product with multiple color variants:

  • T-Shirt - Black

  • T-Shirt - Blue

  • T-Shirt - Red

You can create each color as a separate Shopify product and link them together using Group Products as Variants. Customers can then switch between colors just like they would with regular variants.

Step-by-step configuration

1

Create a Product Group

  1. Open the GLO Color Swatch app.

  2. Go to the Product Groups page.

  3. Click Add Product Group button.

A new group will be created where you can add related products.

2

Add products to the group

  1. Enter a name for the group.

  2. Enter the option name for this group. This name will appear on the product page.

  3. In the Add Product section, click the Browse button

  4. Select all products that belong to the same product family.

  5. Save your changes.

We suggest you use the common name of the products in the product group as the name for this group.

Example:

  • Brow Shaping - Gel

  • Brow Shaping - Mascara

  • Brow Shaping - Pencil

⇒ Group name is "Brow Shaping". This is a way to use names to make it easier to manage product groups later.

3

Configure display types

Choose how grouped products will be displayed on your storefront.

Available display types include:

  • Color Swatches

  • Image Swatches

  • Buttons

  • Dropdown Menus

Select the option that best matches your store design and product type.

4

Assign display values

For each product in the group, configure the value that customers will see.

Examples

Product

Display Value

T-Shirt - Black

Black

T-Shirt - Blue

Blue

T-Shirt - Red

Red

Assign an image to represent each option

Change color/image

Change the alternative name for the product name

By default, we use the product name as option value.

Change product title
5

Save the Group

After all products have been added and configured:

  1. Click Save.

  2. Open one of the grouped product pages.

  3. Verify that the linked products appear as variant options.


Result

Customers can switch between grouped products directly from the product page, just like selecting a regular Shopify variant.

Each product remains a separate Shopify product with its own:

  • Product page

  • URL

  • Inventory

  • SEO settings

  • Search engine indexing

This provides a seamless shopping experience while maintaining the flexibility of separate products.


💬 Need help?

Email us at 📧 contact@globo.io - we’re happy to assist!

Last updated

Was this helpful?