# 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://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_3p12aa.png" alt=""><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://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_19p90qf.png" alt=""><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://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_118ftx6.png" alt=""><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://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_51mhmg.png" alt=""><figcaption></figcaption></figure>

5. **Add products to the group**

<figure><img src="https://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_1h6pbqo.png" alt=""><figcaption></figcaption></figure>

6. Enter variant value (Optional)

7. Click **Save** to finish.

<figure><img src="https://storage.crisp.chat/users/helpdesk/website/-/2/2/4/2/22429817467a0000/image_1v9cg4g.png" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.optis.me/swatch/product-groups/show-separate-products-as-variants-with-product-groups.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
