A few published products with categories, tags, price, and/or attributes assigned.
Using the Themify Product Filters plugin
With the Themify Product Filter plugin you can help shoppers easily find products faster on your WooCommerce shop. As soon as you activate the plugin, you'll see a "Product Filters" on your WP-admin sidebar menu where you can create product filters. All filter options will be linked with the WooCommerce products, categories, tags, attributes, price, and inventory stock that you've set. After creating a product filter, you can then copy and paste the shortcode and place it on any text editor or widget on your site.
1. Create a New Product Filter
To start, add a new product filter. Go to your WP Admin > Product Filters > Click Add New. A lightbox will then appear where you can set the parameters of your Product Filter.
You'll see the following options:
Form Title: Input the title of the product filter form.
Layout: There are 2 layouts - Vertical and Horizontal (Note: We recommend the vertical for sidebar layouts).
Empty Fields: Option to hide a field if it's empty.
Product Sorting: Show or hide the ability to sort the products. This is a dropdown selection that'll appear on the upper right corner.
Product Count: Show or hide result product count.
Pagination: Show or hide the pagination of your products.
Product Per Page: Maximum number of products that'll appear on a search result.
Toggle Field Groups: Add an option for users to toggle whether to collapse or expand a filter option panel.
Scroll To Result: Select to scroll to the result field.
Result Page Template:
Show results on the same page: means the product results will display on the same page without page reload.
Show results on a different page: allows you to select any static Page to display the product results (the product results will display below the page content).
Now you can drag and drop the modules on your template builder. Where you place the modules in the Builder will be how it'll appear on your site. (For more detail about these modules, please visit our Themify Product Filters documentation)
2. Input Shortcode on any Text Editor
After setting up your product filter form. Copy the shortcode and paste it on any text editor.