If you run an online shop or blog, where you would like to add filters to sort products or posts, you can use JetSmartFilters plugin. Let us introduce you new functionality, which is available in JetSmartFilters now and called Indexer. We present an example based on filtering WooCommerce products using smart filters.
Setting Indexer option for filters
1 Step – Indexer setting overview
The first thing you should do is to go to the Elementor > JetSmartFilters Settings > Indexer block in the WP Dashboard. Here you need to move the toggle next to the Enable Indexed filters functionality option. Also, there is an index post types list, where you can specify the post types, which will be indexed.
2 Step – Managing JetSmartFilters block in the WP Dashboard
Then, proceed to the JetSmartFilters block in WP Dashboard. Here you create needed filters. Also, you see the red Index Filters button, which you should click to apply Indexer functionality to smart filters every time when you customize the products or filters.
3 Step – Setting a filter widget
It is time to open the Shop page, where you have filters.
In JetSmartFilters widget’s settings you find the Indexer Options block, where you need to enable the Apply Indexer option. The Show Counter option allows showing the number of items of each product. Moreover, you can specify: to show, hide or disable an item in the filter if it is empty.
Select whether counters should be changed when filters are applied.
4 Step – Viewing the result on the frontend
When you set all needed adjustments, click the Update button and view how an indexer option looks on the frontend.
A perfect job! Now you know how to show the number of items for each product using JetSmartFilter Indexer functionality.