How to make a color filter

Welcome to Product Filter for WooCommerce guide.

In this video, we will show you how to create a Color Filter for your WooCommerce Shop.

First, you need to add some product attributes. Navigate to Products > Attributes, create an attribute Color and add some colors.

I’ve already had an attribute Color created and set the color terms.

After that’s done go to Product Filter > Filter Presets and under filters select taxonomy and click Add Item +.

Under Select Taxonomy choose the new attribute that appeared, the Color attribute.

Now let’s click on the paint/cog icon to open the terms manager and add some colors.

Choose the type to be color, and under value click select color and set the appropriate colors for the terms.

You also have the options to show labels and change the swatch size.

Let’s save and see how the filter looks on the shop page.

You will also have the possibility to use all the usual options, but I will leave that for you to adjust to your liking.

Watch more Product Filter for WooCommerce videos to learn more. Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

3 comments on “How to make a color filter”