> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/july-woocommerce-wordpress-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxper.gitbook.io/july-woocommerce-wordpress-theme/store-setup/product-page/color-swatches.md).

# Color Swatches

To setup the product color swatches, you can follow the steps below:

1. Set [Variable Products](https://docs.woocommerce.com/document/variable-product/)
2. Install and Activate **WCBoost – Variation Swatches** plugin that is included in the theme
3. Go to Swatches tab > change Swatch Type and add the color you want

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2FxWQVAn3sO1zftAQIzrXV%2Fimage.png?alt=media\&token=d007ce5b-ec9c-4c33-adde-1425a5efe113)