> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/product-options/customize-design/show-the-swatch-tooltip-as-an-image.md).

# Show the swatch tooltip as an image

1. Our final result is to make the image appear larger when hovering on the swatches

<figure><img src="https://storage.crisp.chat/users/helpdesk/website/22429817467a0000/image_1hqm27h.png" alt=""><figcaption></figcaption></figure>

2. Firstly, go to **Settings \*\*> \*\*Design Settings**

<figure><img src="https://storage.crisp.chat/users/helpdesk/website/22429817467a0000/image_1x39fe0.png" alt=""><figcaption></figcaption></figure>

3. Scroll down to **Option types** > **Swatch**. Change the Hover Display to **Display both Text and Image**

<figure><img src="https://storage.crisp.chat/users/helpdesk/website/22429817467a0000/image_v2clvm.png" alt=""><figcaption></figcaption></figure>