Documentation

Enable Swatches In WooCommerce Filter Widgets

If you’re looking to add attribute swatches to your shop filters in WooCommerce, then you can do so with WooCommerce Attribute Swatches.

By doing this, you’ll replace the standard WooCommerce filter options with the visual swatches you’ve created with WooCommerce Attribute Swatches.

Note: This doesn’t just apply to color and image swatches. With WooCommerce Attribute Swatches, you can update the attribute filters to include text and radio buttons too.

To add your swatches to the product filters in WooCommerce, take the following steps:

  1. From your WordPress dashboard, go to Products > Attributes.
  2. Hover the attribute you’d like to enable swatches for in the filters and click Edit.
edit attribute
  1. Scroll down to Show Swatch in Filters? and change the dropdown to Yes.
show swatch in filter
  1. Then scroll down to the bottom of the page and click the blue Update button.

Your product filters will now show your upgraded attribute swatches.

color swatches in woocommerce filter

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