YITH WooCommerce Ajax Product Filter allows filtering the products of your catalog based on their attributes, price, stock, rating, and much more. The filter is applied by Ajax, therefore without the need to refresh the page to show the results.
Thanks to this integration, you can use the dedicated block to show the filter section in the YITH Ajax Search overlay layout and let users filter products based on the search results.
Let’s see how to use this block.
Search and select the block named Search & Filters.
Now, click on the patterns icon and select Filled State Block. This will print the blocks that will show in the overlay when the search produces results.
By default, the default filter preset will be added; yet, you can choose a different preset of filters among those you have created by expanding the row Column and selecting YITH AJAX Filters Preset. This will allow you to select the preset through the block option.
Moreover, when both plugins are installed and active, two presets are automatically created to be used in this block.
You can select them in the Preset option of the block.
Below is an example of the filters applied to search results when using the overlay style.
For more details about YITH Ajax product Filter settings, please refer to the plugin documentation.