# Product options design

Give your customers the best shopping experience with better usability product options.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Product options design**
3. Make necessary changes
4. **Save.**
   {% endhint %}

**Minimog** offers 5 product options designs to choose:

* Color
* Variant image
* Button
* Dropdown
* Custom image

{% tabs %}
{% tab title="Color" %}

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/rwU1ZTJoueZg5hd7gp4A/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Variant image" %}

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/WVnIVW9Jnu1oRyTwBxnO/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Button" %}

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/mf5ZDijEnwfOlmuVFCQB/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Dropdown" %}

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/d8oUmjzkSbT6knSLK0kb/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Custom image" %}

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/UmDJnKt6zEOJiz9imK2C/image.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Default option design

Choose your default design if option names don't match any of the names you set in the below settings.

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/7T0zBNJQGfMHM990Gz7r/image.png" alt=""><figcaption></figcaption></figure>

### Product options design

You can add and select option design for up to 5 option names. Each option includes a **name** (fill in exactly the name of the option you set in Shopify Admin > Products), **design**, and **alternative name**. You can leave the alternative name if you want to display the option name.

<figure><img src="https://content.gitbook.com/content/SnkJrgCgnPuM88XGWwwm/blobs/61J2pKYg885bjJyXUq3p/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
For Custom image design, kindly upload images in **Theme settings** > **Product options swatches**.
{% endhint %}