---
title: Example - Adding a product with Attribute options
related:
  - https://docs.kentico.com/k9/e-commerce-features/managing-your-store/products/working-with-product-options.md
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

The example demonstrates how you can add a product with _[Attribute](https://docs.kentico.com/k9/e-commerce-features/managing-your-store/products/working-with-product-options.md)_ options to a Kentico site. The product is based on the _Product - T-shirt_ product type, has three product options, and only two of these options are enabled.

The example uses the sample _E-commerce Site_.

## Adding a new product

First, you need to add a new product of the required [type](https://docs.kentico.com/k9/e-commerce-features/configuring-your-store/configuring-product-page-types.md) and [representation](https://docs.kentico.com/k9/e-commerce-features/managing-your-store/products/managing-product-representations.md) to a selected part of your on-line store.

1. Open the **Products** application.
2. Select **Clothing -> T-shirts** in the product sections tree and click **New** ().

   - The system opens a dialog allowing you to specify the required type of your new product.
3. Select \*\*Product -\*\***T-shirt** in the **Product types** column.

   ![Selecting a product type](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/selecting_product_type.png "Selecting a product type")

   - The system opens a page where you can specify product properties.
   - Alternatively, you can select some other product type, e.g. **Product**.
   - If the system doesn't offer any product type (for example, if you deleted the default product types), create a new product type as described in [Configuring product page types](https://docs.kentico.com/k9/e-commerce-features/configuring-your-store/configuring-product-page-types.md).
4. Enter the following values for the product's properties:

   - **Product name**: Kentico T-shirt
   - **Price**: 39
   - **Department**: Clothing
   - **Image**: upload an image file
   - **Representing**: Standard product
   - **Allow for sale**: Yes (selected)
   - **Available items**: 10
5. Click **Save**.

The system adds the product to the selected part of your on-line store. Now you can add to the product a product option category.

## Adding a product option category to the product

1. Switch to the product's **Options -> Option categories** tab and click **New category**.               

   - Alternatively, you can add to the product an existing category by clicking **Add categories**.
2. Enter the following values for the category's properties in the **General** section:

   - **Option category name**: Color of T-shirt

     > **Info:** The system uses this name in your on-line store administration interface.
   - **Display name**: Color

     > **Info:** The system uses this name on the live site.
   - **Enabled**: Yes (selected)
   - **Type**: Attribute (e.g. color, size)
3. Click **Save**.
4. Enter the following values for the category's properties in the **Options** category:

   - **User control  type**: Radio buttons in vertical layout
   - **Display price adjustment**: No (cleared)
5. Click **Save**.

The system adds to the product an empty product option category. You can now add product options to the category.

## Adding product options to the category

Add three product options to the _Color of T-shirt_ category, representing the red, green and blue color of the T-shirt.

1. Switch to the **Options** tab.
2. Click **New option**.
3. Enter the following values for the first option's properties:

   - **Option name**: Red
   - **Allow for sale**: Yes (selected)
4. Click **Save and create another**.
5. Enter the following values for the second option's properties:

   - **Option name**: Green
   - **Allow for sale**: Yes (selected)
6. Click **Save and create another**.
7. Enter the following values for the third option's properties:

   - **Option name**: Blue
   - **Allow for sale**: Yes (selected)
8. Click **Save** and close the dialog.

The system adds to the option category three product options. Now you can specify which of these options the system is to offer to your customers while purchasing the product.

## Selecting available options

Currently, all the three options are available for the product. However, you want your customers to be able to buy the Kentico T-shirt in blue or red color only. This means that you need to disallow the _Green_ option.

1. Click **Select available options** ().

   ![Available option categories](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/available_option_categories.png "Available option categories")

   - The system opens the **Select available 'Color of T-shirt (Color)' options** dialog. Here you can specify which options from the current category are available to your customers while purchasing the product.
2. Select **Allow only selected options**.
3. Select the **Red** and **Blue** options.

   ![Selecting available options](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/selecting_available_options.png "Selecting available options")
4. Click **Save & Close**.

The system indicates that your customers can purchase the product with only two options.

![Available options](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/available_options.png "Available options")

## Reviewing the product on the live site

1. Open the live site.
2. Select **Clothing **->** T-shirts** in your on-line store main menu.

   - The system displays a list of all T-shirts that you offer in your on-line store.
3. Click **Kentico T-shirt** to view the product's details page.

   - The system offers the T-shirt in red and blue color only. This is because you set the _Green_ option as unavailable.
4. Select the blue color of the T-shirt.

   ![Viewing the product details page](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/viewing_product_details_page.png "Viewing the product details page")
5. Click **Add to cart**.

The system adds the product together with the product option to the shopping cart.

![Viewing the shopping cart content](https://docs.kentico.com/docsassets/k9/example-adding-a-product-with-attribute-options/viewing_shopping_cart_content.png "Viewing the shopping cart content")