WPBakery & Product Filter

Welcome to Product Filter for WooCommerce guide.

This tutorial covers how to use WPBakery WooCommerce Shortcodes element to add Product Filter to your Shop.

To start this tutorial navigate to Pages and select a page where you would like to Product Filter to appear.

To add the Product Filter element, WPBakery Page Builder formerly known as Visual Composer must be activated.

When that’s done click on the plus icon to add an element. A box with various elements will appear. You will select the WooCommerce Product Filter.

WooCommerce Product Filter settings will appear. Here you can adjust the settings to suit your shop needs.

Set Show Filter option to be yes, choose a specific preset if you already made one in the plugins options, and you are basically ready to go, it’s that easy.

There many settings here you can set like the product columns, raws, enable the Ajax feature, and many more. I leave that for you to set up to your liking.

When you’re done, just hit the Save Changes button, and after the Update button.

Now, if we go to view our page we shall see the Product Filter has appeared.

Watch more Product Filter for WooCommerce guide. Thank you!

Leave a Reply

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

6 comments on “WPBakery & Product Filter”

    1. Hi, you’d need to use global style Select Box, or the Widget Select, and then you customize terms using the Paint Bucket/Cogs wheel option.

  1. What do all the fields do? Can you explain what effect each one has on the filter shortcode it creates? There is no documentation for this feature.

  2. 1. when using the product filter , after hitting on checkbox the filter panel hides. How to keep it showing ?

    2. when clicking the order by option the filter panel along with hamburger filter icon is lost , so can’t access the filter panel again. what setting controls this ?