# Visual & Non-Visual Properties

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2Fb1t5t4mxBxcfK7LHh8dR%2Fvisual-non-visual-product-group.webp?alt=media&#x26;token=38e7834c-fdfe-449e-ad72-825aa2ae3a7e" alt=""><figcaption><p>Visual and Non-Visual Property sections in a Product Group Window.</p></figcaption></figure>

The **Visual and Non-Visual Property** sections manage product attributes assigned from lists or created within the product group, including product features like color and size variations.

* **Visual Properties**: Describe the observable characteristics of a product that influence its aesthetic appeal and customer attraction. These include color, pattern, or material.
* **Non-Visual Properties**: Product characteristics that cannot be directly seen but play a role in functionality performance. These include clothing fit type, hard drive storage capacity, and tire tread.

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

A great way to help remember how to keep your properties organized is to ask if the product needs a new picture to show the difference. If it does, it's most likely a visual property.
{% endhint %}

***

## Adding Properties

To **add** properties:

* From the **Product Group Window**:
  1. **Click** the Add button.
  2. **Enter** the property.
  3. **Press** Return.
* From the [Lists tab in the Assets Window](https://docs.tuplo.com/assets#opening-asset-tabs):
  * **Select** desired attributes from a list.
  * **Drag** **and** **drop** the properties to the appropriate section.

***

## Rename Properties and Titles

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FYdSbkLZD4aeT02asHdeq%2Frename-title-property.webp?alt=media&#x26;token=7781814c-c40d-42f0-b02e-db9913f2a7a4" alt=""><figcaption><p>Working in the Visual Properties title field.</p></figcaption></figure>

You can change their names anytime after adding visual and non-visual properties to a product group.

To **rename** a property:

1. **Double-click** on the desired property.
2. **Enter** the new name.
3. **Press** Return.

You can also rename sections if different section titles better describe the visual or non-visual property.

To **rename** a property section title:

1. **Double-click** the desired title.
2. **Enter** the new title.
3. **Press** Return.

***

## Organization <a href="#h_01j0rtva6ddb4sqxtpqhygj0ag" id="h_01j0rtva6ddb4sqxtpqhygj0ag"></a>

<figure><img src="https://2226476425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNKURzayaXpmKiC6tCrOP%2Fuploads%2FwgkEEEK02yR7mjmTJ48X%2Fwebview-visual-properties.webp?alt=media&#x26;token=5865c046-e7e1-480f-ad1f-69000f96944b" alt=""><figcaption><p>The visual property title colors in alphabetical order.</p></figcaption></figure>

The arrangement of properties in each section determines the order in which they appear on the website.

For example, sorting your properties into an alphabetic order will similarly display them in website search results, making it easier for your customers to find what they're looking for.

To **adjust** their order:

* **Drag and drop** the properties into the desired order.

***

## Remove

To **remove** a visual or non-visual property from a section:

* **Select** a property.&#x20;
* **Press** Delet&#x65;**.**

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

Remove all products that use the properties from the product group before removing the properties.
{% endhint %}

***

## Video Tutorial

{% embed url="<https://iframe.mediadelivery.net/play/231419/db23988a-5762-4a54-af1a-acd3992580f8>" %}
Learn how to add visual and non-visual properties to your product groups in Tuplo Studio with our comprehensive video tutorial.
{% endembed %}
