The default filter widgets in WooCommerce work well, but they all look the same; a list of checkboxes.
Fortunately, if you’re using our WooCommerce Attribute Swatches plugin, you can replace those checkboxes with your configured swatches.
- Navigate to your WordPress admin area.
- Go to Products > Attributes.
- Hover the attribute you’d like to enable swatches for in the filters and click Edit.
- Scroll down to Show Swatch in Filters? and change it to Yes.
- Click Update.
The filter widget will now use the swatches you’ve configured for that attribute.