> ## Documentation Index
> Fetch the complete documentation index at: https://docs.upmind.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Add Product Attributes

> Create product options in your e-commerce store with the product attributes feature. Check now how to add product attributes, options based on size, colour, material, and more.

Product attributes represent customisations that generally do not affect pricing, such as colour, size, or style.

Product attributes usually offer choices that don’t affect the price.

Adding product attributes requires two steps:

* Create a list of choices on the `Product Attributes` page.
* Link those choices on the `Product Details` page.

## Access the product catalogue

1. Log in to the Upmind dashboard.
2. Access it from the dashboard by clicking on **Store Catalogue**.

<Frame caption="Store catalogue">
  <img src="https://mintcdn.com/upmind/1-uICsJi9zYpvJVH/images/fb/872df1384204d714.png?fit=max&auto=format&n=1-uICsJi9zYpvJVH&q=85&s=12787b29cebb63cf97a1a06d1f1937f2" alt="Store catalogue" width="424" height="506" data-path="images/fb/872df1384204d714.png" />
</Frame>

3. You can also click **Settings** and select the **Product Catalogue** tile under **Products and Promotions**.

<Frame caption="Settings > Products and Promotions > Product Catalogue">
  <img src="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=413881112c870b993d78b8d687d17160" alt="Settings > Products and Promotions > Product Catalogue" data-og-width="1418" width="1418" data-og-height="598" height="598" data-path="images/fb/85d31f45813dd298.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=280&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=4ac9cd6447572a35aa681fc0d7a3200f 280w, https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=560&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=941fec9c6fe2a778e2141ae3932a8478 560w, https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=840&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=357a5590a8c7f272fe4327c18e26fc1e 840w, https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=1100&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=b943e4f2aa996ee0b8463683e95a9d97 1100w, https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=1650&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=208e9ec667a42921455135a6722c7bbb 1650w, https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/85d31f45813dd298.png?w=2500&fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=ac66cf25808828027c10023186f549c2 2500w" />
</Frame>

4. Click the **attributes** tab.

<Frame caption="Attributes menu tab">
  <img src="https://mintcdn.com/upmind/kXD0Ya8PpcxxNm6Q/images/fb/3bddaf307af31141.png?fit=max&auto=format&n=kXD0Ya8PpcxxNm6Q&q=85&s=2de9ee5071a38f1e061ca693938154dd" alt="Attributes menu tab" width="700" height="280" data-path="images/fb/3bddaf307af31141.png" />
</Frame>

## Creating attribute categories

A category is like a folder that groups related product attributes. If you plan to offer variations now or later, using multiple categories saves time.

1. Click **Add New** > **Product attributes category**.

<Frame caption="Product attributes category">
  <img src="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/03da7a54c37f171d.png?fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=02aabc156ab170c57eb61d5c484ba194" alt="Product attributes category" width="894" height="330" data-path="images/fb/03da7a54c37f171d.png" />
</Frame>

2. Provide a unique name.
3. Add category description (not visible to customers).

<Frame caption="Enter a description">
  <img src="https://mintcdn.com/upmind/92wYnpdR_k6AjH3x/images/fb/575981bff1ecc058.png?fit=max&auto=format&n=92wYnpdR_k6AjH3x&q=85&s=afb040e11a438c18c01212ec311cbf92" alt="Enter a description" width="992" height="442" data-path="images/fb/575981bff1ecc058.png" />
</Frame>

4. Allow customers to select multiple attribute options simultaneously. (Optional)

<Frame caption="Allow multiple choice">
  <img src="https://mintcdn.com/upmind/FQ1NhxALxjSHvvWW/images/fb/aa079c1be8a75e2f.png?fit=max&auto=format&n=FQ1NhxALxjSHvvWW&q=85&s=bc1f7e89d24a7b1483478c0a1dfe5469" alt="Allow multiple choice" width="1080" height="82" data-path="images/fb/aa079c1be8a75e2f.png" />
</Frame>

5. Click **Create**. Upmind creates a category with zero product attributes.

<Frame caption="Empty category">
  <img src="https://mintcdn.com/upmind/JUoAg6onJmXk_-rR/images/fb/e5f46045660f5e68.png?fit=max&auto=format&n=JUoAg6onJmXk_-rR&q=85&s=a53c8fb1cc9a5ebf6a720eeb8c270afb" alt="Empty category" width="1262" height="450" data-path="images/fb/e5f46045660f5e68.png" />
</Frame>

## Adding product attributes

1. Find the attribute category.
2. Click the three-dot menu.
3. Click **Add product attribute**.

<Frame caption="Add product attribute">
  <img src="https://mintcdn.com/upmind/Lh8hC132BWHpvRbz/images/fb/45eabb71e7f946aa.png?fit=max&auto=format&n=Lh8hC132BWHpvRbz&q=85&s=7ab54cb9fa3549625c9d4d3d6f631422" alt="Add product attribute" width="1346" height="250" data-path="images/fb/45eabb71e7f946aa.png" />
</Frame>

4. Confirm the category or select a different one.
5. Ensure visibility boxes are checked (for staff and customers).
   1. **Is active**: If unchecked, this product won’t appear in your store.
   2. **Is visible to clients**: If unchecked, clients won’t see this product, but staff can still order it.
6. Enter the attribute’s name and description (visible to customers).
7. Click **Create**.
8. Repeat for additional attributes.

<Frame caption="Product details">
  <img src="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/09f16f7aa2de6908.png?fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=1406d942312360ec2a1055dffb822233" alt="Product details" width="1216" height="736" data-path="images/fb/09f16f7aa2de6908.png" />
</Frame>

## Editing attributes

1. On the `Product attributes` tab, select a category to view attributes.
2. Use the three-dot menu to edit or delete attributes as needed.
3. You can also duplicate attributes.

<Frame caption="Edit product attribute">
  <img src="https://mintcdn.com/upmind/92wYnpdR_k6AjH3x/images/fb/5562e97436ccbe0e.png?fit=max&auto=format&n=92wYnpdR_k6AjH3x&q=85&s=726127bb31e707ae07c92b5f7e18ae31" alt="Edit product attribute" width="1318" height="296" data-path="images/fb/5562e97436ccbe0e.png" />
</Frame>

## Linking attributes to products

1. Click the **Products** tab.
2. Expand the relevant category.

<Frame caption="Select product attribute category">
  <img src="https://mintcdn.com/upmind/uxzVUXAKtJ2bRWCI/images/fb/6ee4bbe91e28edc8.png?fit=max&auto=format&n=uxzVUXAKtJ2bRWCI&q=85&s=773e976626b2986698626c01c458388a" alt="Select product attribute category" width="1356" height="300" data-path="images/fb/6ee4bbe91e28edc8.png" />
</Frame>

3. Select the target product and click the three-dot menu > **Edit**.

<Frame caption="Click three-dot icon">
  <img src="https://mintcdn.com/upmind/kAlrCUxI2nwYz4_i/images/fb/20a03950aa1b0139.png?fit=max&auto=format&n=kAlrCUxI2nwYz4_i&q=85&s=3d18c8bad75f818b8f9d42da848b5e42" alt="Click three-dot icon" width="1176" height="262" data-path="images/fb/20a03950aa1b0139.png" />
</Frame>

4. Click the `Product attributes` menu link.

<Frame caption="Product attributes menu tab">
  <img src="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/7d040578abc7280e.png?fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=ca7eb6b792b7f2196e517bcbb028ed4e" alt="Product attributes menu tab" width="538" height="676" data-path="images/fb/7d040578abc7280e.png" />
</Frame>

5. Click **Manage**.
6. Choose the attribute category and select attributes to display.

<Frame caption="Check the required boxes">
  <img src="https://mintcdn.com/upmind/Lh8hC132BWHpvRbz/images/fb/47d593c54ae34e26.png?fit=max&auto=format&n=Lh8hC132BWHpvRbz&q=85&s=b295518eed7b76e27fa730f9cf2f2ff5" alt="Check the required boxes" width="952" height="536" data-path="images/fb/47d593c54ae34e26.png" />
</Frame>

7. Save your changes.
8. Click **Manage** to edit an attribute.
9. Click the red circle to delete an attribute, or choose **detach**.

<Frame caption="Remove an attribute">
  <img src="https://mintcdn.com/upmind/2ooSxDpt6PiIGMr-/images/fb/0b394012afbce384.png?fit=max&auto=format&n=2ooSxDpt6PiIGMr-&q=85&s=af484a4b998920d06bc8d51f4fca1ec2" alt="Remove an attribute" width="902" height="534" data-path="images/fb/0b394012afbce384.png" />
</Frame>

## Customer view

Customers will see the linked attributes as options when viewing the product, and can select them at checkout.

<Frame caption="Store displays three options">
  <img src="https://mintcdn.com/upmind/1xguIfYUrfespmVI/images/fb/7dcd2cf3262bd603.png?fit=max&auto=format&n=1xguIfYUrfespmVI&q=85&s=641972367a7705b29a36f9a2a8ab26f2" alt="Store displays three options" width="978" height="610" data-path="images/fb/7dcd2cf3262bd603.png" />
</Frame>

On the `Basket` page:

* Click **Details** to view the product attribute.
* Click **Edit** to choose a different attribute.

<Frame caption="Clicks details to see product attribute">
  <img src="https://mintcdn.com/upmind/bPO2bBzOxYQR4tYr/images/fb/f5a351c62484191c.png?fit=max&auto=format&n=bPO2bBzOxYQR4tYr&q=85&s=e809370e14d43038c01a7570d465dd65" alt="Clicks details to see product attribute" width="1448" height="364" data-path="images/fb/f5a351c62484191c.png" />
</Frame>
