# Product options design

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

<Hint type="success">

Steps

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

</Hint>

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

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

<Tabs>
<Tab title="Color">

![image](https://docs-assets.foxecom.app/megamog-theme/image_UNMhNOq2.png)

</Tab>

<Tab title="Variant image">

![image](https://docs-assets.foxecom.app/megamog-theme/image_7ySwauI7.png)

</Tab>

<Tab title="Button">

![image](https://docs-assets.foxecom.app/megamog-theme/image_yjS1cNbN.png)

</Tab>

<Tab title="Dropdown">

![image](https://docs-assets.foxecom.app/megamog-theme/image_bASRTLId.png)

</Tab>

<Tab title="Custom image">

![image](https://docs-assets.foxecom.app/megamog-theme/image_yQP3XlJD.png)

</Tab>
</Tabs>

### Default option design

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

![image](https://docs-assets.foxecom.app/megamog-theme/image_FnY1hqvq.png)

### 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.

![image](https://docs-assets.foxecom.app/megamog-theme/image_RCOSH56G.png)

<Hint type="info">

For Custom image design, kindly upload images in **Theme settings** > **Product options swatches**.

</Hint>