Enable Swatches In WooCommerce Filter Widgets

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.

  1. Navigate to your WordPress admin area.
  2. Go to Products >  Attributes.
  3. Hover the attribute you’d like to enable swatches for in the filters and click Edit.
  4. Scroll down to Show Swatch in Filters? and change it to Yes.
  5. Click Update.
Example swatch in WooCommerce

The filter widget will now use the swatches you’ve configured for that attribute.

Are you using WooCommerce Attribute Swatches yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooCommerce Attribute Swatches

WooCommerce Attribute Swatches

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support