# Product Swatch

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FAvgWbqURZr2kaRIroCP8%2Fimage.png?alt=media&#x26;token=e18f57be-7da0-4167-ba72-bf080b2f905a" alt=""><figcaption></figcaption></figure>

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings -> Product card -> Product swatch**.

| Setting                | Description                                                                                                               |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------- |
| Show product swatch    | Toggle to show or hide product swatches on product card.                                                                  |
| Swatch size on desktop | Fill in the desired size of a swatch on product card on desktop.                                                          |
| Swatch size on mobile  | Fill in the desired size of a swatch on product card on mobile.                                                           |
| Number size            | Determine the font size of the text showing the remaining number of swatches if the total swatches amount is more than 4. |