# Variants Settings

You can create variants for a product by adding options like size and color. Each combination of option values can be a variant.

**For example**, suppose that you sell T-shirts with two options: size and color. The size option has three values: small, medium, and large. The color option has two values: blue and green. One specific variant from these options is a small blue T-shirt.

{% hint style="info" %}
**Please Note:** For color variations, you can only use the available color names that Browser supports. Please see the color names to set your product color variation [**HERE**](https://www.color-hex.com/color-names.html)
{% endhint %}

<div align="left"><figure><img src="/files/GnxBDt8QPb4QrDsilO8J" alt=""><figcaption></figcaption></figure></div>

## Variant style on product page

We provide 3 variations for you to use according to your liking or purpose.

1. Variant boxed style (style default)
2. Variant dropdown list style
3. Color Variant image swatch style

{% hint style="info" %}
To customize these styles, please go to the [**Product Page Setting**](/furstore-documentation/product-page-settings/product-page-settings.md). We've got documentation and video to access this page and set the elements of the product page&#x20;
{% endhint %}

<div align="left"><figure><img src="/files/6bzl8AvpRjjVLAjjtkCz" alt=""><figcaption></figcaption></figure></div>

Combining these two options, you will get the result below:

<div align="left"><figure><img src="/files/ENdJYGSRx16b6egFVAnI" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: 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://documents.vinovathemes.com/furstore-documentation/product-page-settings/variants-settings.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.