> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/halo-one/general/card-swatches.md).

# Card Swatches

<figure><img src="/files/5EUeeMsjmapZSzLb2A1v" alt=""><figcaption></figcaption></figure>

## How to enable swatch?

To enable first navigate to your **Page Builder** [*(how to launch Page Builder?)*](broken://pages/Bja7TBQGttyXwLgwl9jD#page-builder)

Within the Theme editor, navigate to the **Products** tab and locate the **Product Cards** section. From here, you can enable the **Show swatch** checkbox option.

{% hint style="warning" %}
The first swatch set in the admin will be the one displayed on the product card.
{% endhint %}