How to add color swatches to the single product page
The WooCommerce Product Filters plugin lets you create color filters, in which customers can filter the list of products by clicking on a color swatch.
These color swatches only appear within the filters, and do not appear elsewhere on your site.
If you would also like customers to be able to select colors by clicking on a swatch instead of using the default variation dropdowns, then we recommend using the WooCommerce Attribute Swatches plugin by Iconic. This works nicely alongside WooCommerce Product Filters, so you can use the color filter on the product listings pages, and Iconic's plugin to display color swatches on individual product pages.
If searching the knowledge base hasn't answered your question, please contact support.