# How to choose the swatch style to display variant options?

In the Options Configuration, you can choose the swatch style, type, variant or custom image/color for the product options on the product and the collection pages.&#x20;

> Eg. the style for **Size** option can be **Button**, while the style for **Material** option can be **Custom Image** swatch.&#x20;

There are certain pre-defined **swatch styles** for the Product as well as the Collection pages. choose the style in dropdown you want for product options.

<figure><img src="https://4193867224-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnEoAvbObuIUyjIXkMsEx%2Fuploads%2Fc6RmcbuFj5BFNl3cKXu8%2Foption_configuration_style.png?alt=media&#x26;token=3ecd08ea-7dec-479b-9c56-fb0f0adda011" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
There are certain pre-defined **swatch styles** for the Product as well as the Collection pages. choose the style in dropdown you want for product options.
{% endhint %}

{% hint style="info" %}
For the "**Circular**", "**Square**", "**Swatch in card**",  "**Swatch in box**", "**Swatch in Pill**" styles, you can choose the "Variant Image" or "Color/Custom Image" types

* Variant Image (Show automated variant image)
* Color/Custom Image (Show custom color or images by uploading in the app)
{% endhint %}
