> ## 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).

# Show the swatch tooltip as an image

# Show the swatch tooltip as an image

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

![](https://storage.crisp.chat/users/helpdesk/website/22429817467a0000/image_1hqm27h.png)

2. Go to **Settings > General Settings**, find **Option type setting > Swatches** and turn on **Show swatch tooltip**

![](https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FHMIs4V1Cjx3rhyhK5J36%2FScreenshot%20(31).png?alt=media&token=be583739-18e8-43af-b919-7b1f6af3dad3)

3. Change **Hover display** to **Text & image** or **Image only** (the default is **Text only**)

![](https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FydHtQOR1peglpHUjXFKo%2FScreenshot%20(22).png?alt=media&token=fe0b1709-0b7d-450a-8212-d45fd0188d27)