# Product Swatch

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FfFCOHEaLgIsWNLQLgKrx%2Fimage.png?alt=media&#x26;token=0155cfef-b7f7-4a76-8d3f-644d57dc1833" 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. |