How To Build A Product Ratings Filter - Demo
Written by the Divi Engine Documentation Team
Introduction
Follow these steps to build the Product Rating Filter on our demo site. Click HERE to see the Demo page.
Preview
Description
How to create the Product Ratings Filter on our demo website.
Difficulty
Easy.
Time
10 Minutes.
Step 1: Set It Up - Filter Post Module
Add the Filter Posts Module alongside your Archive Loop Module on the page, post or template of your choice.
Step 2: Set It Up - New Ratings Filter Item
Inside the Filter Post Module, you will see the ability to add a new Filter Item. Add one and name it "Rating" in the Admin Filter Name field.
Step 3: Customize Our Settings - Filter Post Module Main Settings
Customize the Main Options of the Main Settings in the Filter Post Module. Below are the important settings to follow to get the style of the Ratings Filter in the Ajax Filter Demo page shown at the beginning of this tutorial. For more information on this module, please visit our documentation to your left.
Step 4: Customize Our Settings - Filter Module Ratings Main Options
Customize the Main Options in the Content Tab of the Ratings Filter Item. Below are the important settings to follow to get the style of the Ratings Filter in the Ajax Filter Demo page shown at the beginning of this tutorial. For more information on this module, please visit our documentation to your left.
2.) Filter by, "Product Rating."
3.) Set the Filter Type as "Select."
4.) Set the Filter Value Type as "String."
5.) Set the Filter Parameters to be "Yes."
Step 5: Add Custom Code
No custom code here.
Step 6: Conclusion
Now create some product ratings in WooCommerce.
More Support?
Please email us at [email protected] if you are unable to get Divi Ajax Filter working.