> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to have swatch change image upon clicking?

1. [OPTIS Color Swatch](/swatch)
2. [Frequently Asked Questions](/swatch/frequently-asked-questions)

# How to have swatch change image upon clicking?

Some merchants may want the custom options created in our Product Options app (such as swatches, dropdowns) to change the main product image when selected. Unfortunately, OPTIS does not currently support changing product images based on these custom options.

**Alternative Solution: Use both the Product Options app and a Swatch app together**

To achieve both image-changing swatches and additional product options, we recommend combining two apps:

1. **Use the Swatch app** to display color swatches or buttons that change the product images when clicked. The swatch app will enable you to have feature change image while selecting options

![Color swatches that change the product image when clicked](https://storage.crisp.chat/users/helpdesk/website/-/7/9/0/7/7907dbcac68da400/512ff544-0933-48ac-a941-6726ec_sg4jle.png)

1. **Use our Product Options app** to add any other custom options (such as text boxes, file upload, checkboxes, etc.).

![Adding custom options such as text boxes and file upload with the Product Options app](https://storage.crisp.chat/users/helpdesk/website/-/2/f/9/5/2f95257d66ba6a00/ffda4fef-1821-41c9-9d89-1bb49d_5ydsw.png)

**Example Store (Password: 1):** [https://idewgznhk34sygc7-69653528766.shopifypreview.com/products/optis-combined-swatch-option-display?variant=45138620383422](https://idewgznhk34sygc7-69653528766.shopifypreview.com/products/optis-combined-swatch-option-display?variant=45138620383422)