> For the complete documentation index, see [llms.txt](https://4sh-templates.gitbook.io/opulent-os2.0/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://4sh-templates.gitbook.io/opulent-os2.0/product-options-desgin.md).

# Product options desgin

A guide to change design for diferent product variant selectors

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 %}

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

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

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

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FkdDfmLeg82NuzdpQGlog%2Fimage.png?alt=media&amp;token=9b1876e0-f612-4ac7-b48b-dfb0a0afbb7f" alt=""><figcaption></figcaption></figure>

You have the option to incorporate and choose designs for up to five options. Each option comprises a designated name (which should match exactly with the name set in Shopify Admin > Products), a design, and an alternative name. If you prefer to display the original option name, you can leave the alternative name field blank.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FvLs0HKOW3tU5eeRVTMMR%2Fimage.png?alt=media&amp;token=57decb2d-0969-4435-a975-6fee2da1f98a" alt=""><figcaption></figcaption></figure>