> For the complete documentation index, see [llms.txt](https://docs.tuplo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tuplo.com/using-tuplo-studio/product-groups/visual-and-non-visual-properties.md).

# Visual & Non-Visual Properties

<figure><img src="/files/zYmW3mvmff1XLRzCESyR" 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](/using-tuplo-studio/assets.md#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="/files/UzOd4AfE32LVodzN4bkB" 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="/files/3K1Tb1FhVWM2fIEgupsA" 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 %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tuplo.com/using-tuplo-studio/product-groups/visual-and-non-visual-properties.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
