> 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

![](/files/iHDYfUzEqEw8daHTBG4I)