Back to contents

JetSmartFilters. How to filter WooCommerce products by rating

This tutorial uncovers the way of filtering WooCommerce products by rating with the help of JetSmartFilters plugin.

JetSmartFilters plugin is a useful tool for applying filters to WooCommerce and Custom Posts. You can use Rating filter in case you need to allow visitors to search for products or posts by their rating.

This tutorial explains how to filter WooCommerce products by their rating. Let’s have a closer look at this process.

Filtering WooCommerce products by rating

Step 1 — Firstly, open your WordPress Dashboard and navigate to Smart Filters > Add New. Here you need to type in Name, Filter Label, and Active Filter Label.

Creating a new Rating filter

In the Filter Settings block, you need to select the Rating Filter Type, choose Stars Count and in the Inequality operator field set relation between value.

Also, you need to set queried field key in Query Variable field. When you’re done click on the Publish button.

Filter ans query settings

Step 2 — After that, open the needed page in Elementor and add a Products Grid or Products List widget to showcase products.

Step 3 — The next step is to drag-n-drop the Rating Filter widget to the section where you want to place it. In the Content settings tab select the Rating filter you’ve created before. Then, apply this filter for JetWooBuilder Products Grid (or another widget with your products).

JetWooBuilder Products Grid for the Rating filter

Step 4 — After you’ve done with customization click on the Publish button and then on the Preview button to check the filter out.

Preview button to check the filter out

That is all you need to do to filter WooCommerce products by rating. Hope this tutorial was useful!