# 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="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2F3OHcVs0LSvQB22YJGPCi%2FAdjust-swatches-doc_png_-_Step_2.png?alt=media&#x26;token=d0e114c3-31ba-4cfc-90b4-ffcbb56d4714" 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="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FkTGBfSJNVi5wgPsFRlIc%2FAdd-tooltips-doc.png%20-%20Step%201.png?alt=media&#x26;token=e8ee0a3e-7597-42c9-b896-1e879d929803" alt=""><figcaption></figcaption></figure>

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FeOORKODBCT4CrVAs06t1%2FAdd-tooltips-doc.png%20-%20Step%202.png?alt=media&#x26;token=176a1390-3e94-47c3-be4d-407e01167098" 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 %}