> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/swatch/product-groups/show-separate-products-as-variants-with-product-groups.md).

# Show Separate Products as Variants with Product Groups

### **📌 What is Product Groups?** <a href="#id-2-what-is-product-groups" id="id-2-what-is-product-groups"></a>

* Product Groups let you **combine multiple separate products into 1 product page (PDP)**.
* Each product in the group will **appear as a variant option**. When customers select that option, the PDP will **redirect to the correct product page** with its own images, price, and details.

**Example:** You sell three separate products: a **blue shirt**, a **red shirt**, and a **navy shirt**. With Product Groups, they can all appear on **one PDP**. Shoppers choose *Blue / Red / Navy* like variant options, and the page switches to the correct product.

**View demo here:** [Link](https://optis-color-swatch-variant.myshopify.com/pages/product-groups)

### **🎯 Why use Product Groups?** <a href="#id-2-why-use-product-groups" id="id-2-why-use-product-groups"></a>

* **Cleaner storefront**: Show related products together instead of splitting them into many pages.
* **Better shopping experience**: Customers can switch colors/styles without leaving the PDP.
* **Accurate details**: Each product still keeps its own price, SKU, and options.

### **⚙️ How to set up a Product Group** <a href="#id-2-how-to-set-up-a-product-group" id="id-2-how-to-set-up-a-product-group"></a>

1. Go to **Product groups**. Click **Add group**

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-15b28802de0b2ae9140fdf6804023979c46e5c56%2Fproduct-group-add-group.png?alt=media" alt="Add group button on the Product groups page"><figcaption></figcaption></figure>

2. **Enter a Group Name** (e.g., *Dresses group*).

* The Group Name is only used internally to help you organize and identify your groups.
* It will **not be shown on the storefront**.

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-becdbefc1298e3488bfa029bf85753b4258cbd58%2Fproduct-group-internal-name.png?alt=media" alt="Entering the internal group name that is not shown on the storefront"><figcaption></figcaption></figure>

3. **Enter an Option Name** (e.g., *Choose Dress Style*).

* This is the name that customers will see on the storefront.

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-1ef2fe04a3fc9245f1302ad41713804998fde40d%2Fproduct-group-option-name.png?alt=media" alt="Entering the option name customers see on the storefront"><figcaption></figcaption></figure>

4. **Choose a Display Style** for how the option will appear (e.g., buttons, swatches) on Product page and Collection page.

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-a59e042b407b706740575a060de0b4058f130075%2Fproduct-group-display-style.png?alt=media" alt="Choosing a display style for the product group on product and collection pages"><figcaption></figcaption></figure>

5. **Add products to the group**

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-d911625fe306ed86e71277b15d36d65ba4be8eb6%2Fproduct-group-add-products.png?alt=media" alt="Adding products to the product group"><figcaption></figcaption></figure>

6. Enter variant value (Optional)
7. Click **Save** to finish.

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2Fgit-blob-084ddd77580151c936b1e5b356200650793b4ac0%2Fproduct-group-save.png?alt=media" alt="Saving the completed product group"><figcaption></figcaption></figure>

### See also

* [Product Group sub-categories](/swatch/product-groups/product-group-sub-categories.md) — split a large group into named buckets.
* [Bulk create Product Groups](/swatch/product-groups/bulk-create-product-groups.md) — create many groups at once from a name pattern, tag, or metafield.
* [Export Product Groups to CSV](/swatch/product-groups/export-product-groups-to-csv.md) — download every group as a spreadsheet.

{% hint style="info" %}
The search box on the Product Groups list also matches by **product name**, not just the group name.
{% endhint %}
