> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Show Separate Products as Variants with Product Groups

1. [OPTIS Color Swatch](/swatch)
2. [Product Groups](/swatch/product-groups)

# Show Separate Products as Variants with Product Groups

### 📌 What is Product Groups?

* 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?

* **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

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

![Add group button on the Product groups page](https://storage.crisp.chat/users/helpdesk/website/-/1/1/6/a/116af93a948b9800/cec6a49f-04c6-4b4d-83ac-1e81c2_11twx5s.png)

1. **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**.

![Entering the internal group name that is not shown on the storefront](https://storage.crisp.chat/users/helpdesk/website/-/2/3/d/4/23d4d06bc8492600/40559795-615d-4f7f-9900-590bb9_axjd69.png)

1. **Enter an Option Name** (e.g., _Choose Dress Style_).

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

![Entering the option name customers see on the storefront](https://storage.crisp.chat/users/helpdesk/website/-/f/2/e/f/f2ef46027b6e3800/29db6455-09b0-4b2f-91f7-6a8757_45efja.png)

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

![Choosing a display style for the product group on product and collection pages](https://storage.crisp.chat/users/helpdesk/website/-/c/6/d/1/c6d123e57bb8b000/f388eb35-4091-4d80-bdcb-ea4189_1mpklkl.png)

1. **Add products to the group**

![Adding products to the product group](https://storage.crisp.chat/users/helpdesk/website/-/8/1/b/f/81bf5ecb0a0de800/13017eec-2699-4840-9be2-9d40c6_e3hjv6.png)

1. Enter variant value (Optional)
2. Click **Save** to finish.

![Saving the completed product group](https://storage.crisp.chat/users/helpdesk/website/-/1/2/a/7/12a7373fca763700/d2c7dbd0-38d7-4614-8e84-e19b50_1yp8533.png)

### See also

* [Product Group sub-categories](/swatch/product-groups/product-group-sub-categories) — split a large group into named buckets.
* [Bulk create Product Groups](/swatch/product-groups/bulk-create-product-groups) — 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) — download every group as a spreadsheet.

The search box on the Product Groups list also matches by **product name**, not just the group name.