# Product Groups

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FoOpC5mss2PFS1tgLds9D%2Fproducts-navigator-window.webp?alt=media&#x26;token=f3c70311-850c-49b9-9c15-bc75447d9063" alt=""><figcaption><p>The Products tab of the Navigator Window</p></figcaption></figure>

## What are Product Groups?

Products rarely have just one variation. For example, a t-shirt for a given brand might come in three colors and sizes. In addition, product variants also share many common characteristics like their title, brand, category, description, and more. Product groups provide a way to efficiently create, organize, and manage all of these variants, along with their shared and unique characteristics, as one related unit.

***

## Product Group Window

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FzuoDQKigAE6TfLEviNho%2Fproduct-group-window.webp?alt=media&#x26;token=ea5c8cd8-f451-413b-974a-85a164c2347a" alt=""><figcaption><p>The Product Group Window.</p></figcaption></figure>

The **Product Group Window** is the primary location for managing product groups and their products.&#x20;

To **access** the Product Group Window:

1. **Select** the Products tab of the Navigator Window.
2. **Double-click** a product grou&#x70;**.**

{% hint style="info" %}
**Quick Tips!**

If the target icon is active, you can select a product group in the products tab to open that Group Window. Then, you can navigate using the arrow keys, and the window will update to match the selected product group.
{% endhint %}

***

### Window Layout

{% tabs %}
{% tab title="Shared Properties" %}

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FB17kQ5lbL3UaJoz5qZUf%2Fshared-properties.webp?alt=media&#x26;token=d4f33206-c16c-4318-adff-89fdd221cc76" alt=""><figcaption><p>Share Properties shown in the top half of the Product Group Window.</p></figcaption></figure>

The top half of the Product Group Window manages **shared properties** given to the products within that product group. These properties contain product information that all product variants share or inherit.

These include:

* **Brand**: The manufacturer of the product.
* **Title**: A clear description of your product.&#x20;
* **Item Names**: The individual and plural item names for products.
* **Vendor**: The primary vendor for the product group.
* **Type**: Select between inventoried, for products, or non-inventoried, for services rendered.
* **Tax Code**: Tax settings that apply to the products in the product group.

This includes all categories, attributes, keywords, pricing, and shipping details. Once a product group has been created, refer to the [Edit Product Groups section](https://docs.tuplo.com/using-tuplo-studio/product-groups/edit-product-groups) for more details on updating it.
{% endtab %}

{% tab title="Product Variations" %}

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FvIjxkkeobZZ14k8X7jfn%2Fproduct-group-variation.webp?alt=media&#x26;token=bde988b1-4ac7-411f-a7b2-f50ad7eb844b" alt=""><figcaption><p>Product Variations are listed in the bottom half of the Product Group Window.</p></figcaption></figure>

The lower half of the Product Group Window focuses on **product variation** creation and management. Here, you will use themes, visual and non-visual properties, and packs to build your product variations. Once created, you can view and manage those products using various controls and view modes.
{% endtab %}
{% endtabs %}

### Product Views

{% tabs %}
{% tab title="List View " %}

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FPUQoEI12BvXNbC7i9gpi%2Flist-view.webp?alt=media&#x26;token=f2962fb3-f3c2-4660-8064-7e33c4f25d3b" alt=""><figcaption><p>List View</p></figcaption></figure>

**List View** displays all products in a group with detailed columns focusing on information related to product inventory and prices.
{% endtab %}

{% tab title="Image View" %}

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FfAKZYIqzBKTxFPbG9KKg%2Fproduct-details-images.webp?alt=media&#x26;token=ad4ece38-30f1-499d-9090-858f630fabab" alt=""><figcaption><p>Image View.</p></figcaption></figure>

**Image View** shows images assigned to products in the product group. It is also where you can manage and add those images.
{% endtab %}

{% tab title="Pack View" %}

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2Fd0LiUAyZ5JvtM5BU4MwI%2Fpack-view-product-viewer.webp?alt=media&#x26;token=8d69b43a-9bb3-4b03-a2e6-2b72c640464b" alt=""><figcaption><p>Pack View.</p></figcaption></figure>

**Pack View** shows any product packs you've created in the selected product group. Additionally, activating the Show-all button displays all potential pack options based on the created products in the group.
{% endtab %}
{% endtabs %}

### Filter Products

The **Focus by Selection** feature enables filtering of the products displayed. This is particularly useful when dealing with larger product groups, as it helps to reduce the number of displayed products and focus on the ones you are currently working with.

<table data-header-hidden><thead><tr><th width="84">Icon</th><th>Description</th></tr></thead><tbody><tr><td><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FF6A6jvifrUURDt4oxEyK%2Ffocus-selection.svg?alt=media&#x26;token=1f855b0b-441b-4c36-94fc-d9977392f935" alt="" data-size="original"></td><td><strong>Focus by Selection</strong><br>When activated, selecting themes, visual and non-visual properties, and packs will filter products shown in the Product Group Window. You can toggle this feature on or off by clicking this icon.</td></tr><tr><td><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2Fc39IHFysWFlipmbxnTfJ%2Fclear-selection.svg?alt=media&#x26;token=f0ff0e48-3391-48ed-b3ec-2a3b40d76d60" alt="" data-size="original"></td><td><strong>Clear Selection</strong><br>Resets any selections of themes, visual or non-visual properties, or packs when using the focus by selection feature.</td></tr></tbody></table>

### Product Group Status

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FEge9dgENjQUIpcSs8AJ5%2Fproduct-group-status.webp?alt=media&#x26;token=17c77994-d878-4646-8fdd-650c546ee2a5" alt=""><figcaption><p>A healthy Product Group as indicated by its status.</p></figcaption></figure>

The **Product Group Status** provides a snapshot of the product group's overall health. If a red light is displayed next to any entries, it indicates that a product is missing information, which affects whether customers can see or purchase it on your website.

* **Online Status**: Indicates the product group status as defined by the Online Status Toggle.
* **Categories**: Indicates whether the product group includes a category.&#x20;
* **Inventory**: Indicates if a product in the product group has zero inventory.
* **Viewable**: Indicates how many products in the product group are visible to website customers.
* **Purchasable**: Indicates the number of products in the product group marked as unavailable.
* **Images Missing**: Indicates when a product in the product group is missing images.
* **Pricing**: Indicates when a product in the product group is missing pricing.
* **Description**: Indicates when the product group is missing a description.

{% hint style="info" %}
**Quick Tips!**

Products that lack certain information, such as an assigned category or an active online status, will not be visible on your website. However, if a product is missing information like inventory and pricing, customers will still be able to view the product but will not have the option to add it to their cart for purchase.
{% endhint %}

***

### Online Status Toggle

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FNUmGjoqelmminy7VvBeS%2Fproduct-group-activity.webp?alt=media&#x26;token=6af9b6ba-4804-48c4-93f0-6c6b47020933" alt=""><figcaption><p>The Online Status activity switch in the Product Group Window.</p></figcaption></figure>

The **Online Status toggle** is found in the top right of the Product Group Window. Turning it off will hide the product group from customers browsing your website.

To **change** the online status:

* **Click** the Activity Switch in the Product Group Window.

Inactive product group webpages are still accessible by direct link, but they display a notice stating they are unavailable.

{% hint style="info" %}
**Quick Tips!**

You can also toggle the activity of a single product. For more information, check the [Product Activity ](https://docs.tuplo.com/using-tuplo-studio/edit-products#product-activity)section.
{% endhint %}

## Create a Product Group

To **create** a new product group:

1. **Open** the Products tab in the Navigator Window.
2. **Choose** <mark style="color:blue;">**More Options**</mark> <mark style="color:blue;">**>**</mark> <mark style="color:blue;">**New Product Group**</mark>.
3. **Enter** the requested details.
4. **Click** the Add button or **Press** Return.

***

## Delete a Product Group

To **delete** a product group:

1. **Select** the desired product group.
2. **Choose** <mark style="color:blue;">**More Options > Delete Product Group**</mark>.
3. **Click** OK to confirm.

{% hint style="warning" %}
**Heads up!**

Deleting a product group also deletes any products it contains.
{% endhint %}

***

## Video Tutorial

{% embed url="<https://iframe.mediadelivery.net/play/231419/703edc4b-3a42-4062-8d9f-5366eea78d8f>" %}
Learn how to create a product group in Tuplo Studio, making it easy to organize products.
{% endembed %}