> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-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/bonnita-documentation/theme-settings/product-card/product-swatch.md).

# Product Swatch

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

| Setting                  | Description                                                                                                               |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
| Product Swatch?          | Toggle to show product swatches on Product Card.                                                                          |
| Size of Swatch on PC     | Fill in the desired size of a swatch on Product Card on Desktop.                                                          |
| Size of Swatch on Mobile | Fill in the desired size of a swatch on Product Card on Mobile.                                                           |
| Size of (+Number)        | Determine the font size of the text showing the remaining number of swatches if the total swatches amount is more than 3. |