# 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="https://content.gitbook.com/content/0mGPduPKtJ7ZEQskMcge/blobs/Omn6cWm7XRE3HEqIBQq8/image.png" 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**](https://documents.vinovathemes.com/furstore-documentation/product-page-settings/product-page-settings). 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="https://content.gitbook.com/content/0mGPduPKtJ7ZEQskMcge/blobs/PXhlae6H93RSiXhQxf1v/image.png" alt=""><figcaption></figcaption></figure></div>

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

<div align="left"><figure><img src="https://content.gitbook.com/content/0mGPduPKtJ7ZEQskMcge/blobs/bE8CXRamkjbRsAyEEspf/image.png" alt=""><figcaption></figcaption></figure></div>