> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-settings/product-options-design.md).
# 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:
* Color
* Variant image
* Button
* Dropdown
* Custom image
{% tabs %}
{% tab title="Color" %}
{% endtab %}
{% tab title="Variant image" %}
{% endtab %}
{% tab title="Button" %}
{% endtab %}
{% tab title="Dropdown" %}
{% endtab %}
{% tab title="Custom image" %}
{% endtab %}
{% endtabs %}
Choose your default design - if option names don't match any of the names you set in the below settings.
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.
{% hint style="info" %}
For custom images, upload them in **Theme settings** > [**Product options swatches**](/minimog-theme/theme-settings/product-options-swatches.md).
{% endhint %}