> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/inputs-and-field-settings/create-swatches/adjust-swatches-display-the-name-once-the-swatch-is-hovered-over.md).

# Adjust Swatches - display the name once the swatch is hovered over

Displaying hover text over [swatches](https://docs.theshoppad.com/article/718-create-swatches-with-infinite-options) is a great way to showcase the colors you offer for your products and to display a large number of swatches in a more compact format. \
\
Follow the steps below to apply this change to your swatches.

<figure><img src="/files/FnMOq6fXI2pPMJBDL5da" alt=""><figcaption></figcaption></figure>

1\. Navigate to the **Settings** section of the Infinite Options app dashboard.

2\. Under the Swatch Snippets section, select the "Tooltips" option, then click **Add**.

<figure><img src="/files/jmEks3FvmFD5KHHSbJN5" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/kZWWS4GxbuTgGl5xuJ3W" alt=""><figcaption></figcaption></figure>

5\. Don't forget to **Save** your changes.

{% hint style="info" %}
View a product page with swatches or [click here to learn how to create swatches!](https://docs.theshoppad.com/article/718-create-swatches-with-infinite-options)
{% endhint %}