> 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. Go to **Settings,** scroll down to **Option type setting** > **Swatches** > Enable the **Show swatch tooltip** toggle&#x20;

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FHMIs4V1Cjx3rhyhK5J36%2FScreenshot%20(31).png?alt=media&amp;token=be583739-18e8-43af-b919-7b1f6af3dad3" alt=""><figcaption></figcaption></figure>

3. Change the Hover Display to **Text & Image,** or **Image only**&#x20;

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FydHtQOR1peglpHUjXFKo%2FScreenshot%20(22).png?alt=media&amp;token=fe0b1709-0b7d-450a-8212-d45fd0188d27" alt=""><figcaption></figcaption></figure>