Product Categories Filter for WooCommerce using FacetWP

September 1, 2019 Sridhar Katakam 3 Comments

Oxygen, Plugins, Premium FacetWP, WooCommerce

This members-only tutorial provides the steps to add product category filters on the Shop page using FacetWP when using WooCommerce in Oxygen 3.0 RC1 and above.

Live Demo

Step 1

Install, activate and setup WooCommerce.

Install and activate Oxygen Elements for WooCommerce plugin.

Step 2

Install and activate FacetWP.

Go to Settings > FacetWP.

Add a new Facet having a label of Product Categories.

Save changes.

Click Re-index.

Step 3

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Remove default WooCommerce pagination on Shop page

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.

Is there any other way to do this without needing to buy a new plugin?

Reply

Sridhar Katakam says:

September 6, 2019 at 4:32 pm

There are quite a few free plugins in the repo that you could try.

https://wordpress.org/plugins/search/filter/

Loading...

Reply

This seems to only work if you use the default query for the product list, if you select custom query it doesn’t work.