Using YITH WooCommerce Ajax Search you can add a search bar to your website, allowing users to search via Ajax for specific content in your website, searching through posts, pages, and products.
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 Search settings, please refer to the plugin documentation.