> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/theme-settings/product-card/product-swatch.md).

# Product Swatch

<figure><img src="/files/ex2sTkVeSi2mt4bZqAb9" 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. |