> 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/product-group-sub-categories.md).

# Product Group sub-categories

✨Demo product: [Sub-catagories group](https://optis-color-swatch-variant.myshopify.com/products/entremet-cake-lapin-de-lune) (password: 1)

Split a large Product Group into smaller sections to make product options easier to browse on the storefront.

## How it works

* **Create sub-categories to organize products into sections.** Each sub-category acts as a separate section within your Product Group.
* **Each product can belong to only one sub-category.** Products you don't assign to a sub-category will remain in the main group.
* **Sub-categories appear as separate sections on the storefront**, with the same order you set in the app.
* **Changing a sub-category name does not delete its products.** The products remain in the group, but if the sub-category is renamed or removed, those products move back to **Ungrouped**.
* **Don't need sub-categories?** Your Product Group will continue to display as one flat list, just like before.

## How to set it up

{% stepper %}
{% step %}

#### Open a Product Group → enable **Sub-categories** toggle

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2FreVORSLmtj9HUzTwiD04%2Fimage.png?alt=media&amp;token=a5b51811-7da4-40ce-81db-eee43dd27b07" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Create sub-categories and assign products

Add a name for each sub-category, then select the products you want to include. Repeat this for as many sub-categories as you need. Any product you don't assign will stay in the main group

<figure><img src="https://4026661835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F50cmOdvfYj3qqQaTzKEI%2Fuploads%2FPIvnvNtoACzrmnSh0ksd%2Fimage.png?alt=media&amp;token=9943c85a-de1a-4b3a-ab89-20700985632d" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Click **Save**

{% endstep %}
{% endstepper %}