Greenshift has several own filter options for query builder block but in case when you need something more advanced, we have support for a few Filter plugins
Search and Filters PRO
We have support for Search & Filter free and PRO plugin, but from 3 version of plugin and above. Setup is quite easy. You configure plugin as usual and then simply connect it with Query builder block.
First of all, create Query. I used Query Loop block for query. Location can be any where you have Query builder. If you not sure, use Dynamic
Now, go to page where you need to add your filters and add any of filter types in editor
In query integration, select your query
Now, in Query Builder, go to Connect panel and enable Search and Filter Connection. Select the same Query
That’s all. Please, note that currently Live Search Option will not work in integration with query builder. However, you can connect to core Query Loop block and use Greenshift fields inside Loop block.
Jet Smart Filter support for Greenshift
Plugin has good documentation and it’s very intuitive to work, but let me show just few steps for proper setup and integration with Greenshift block
First step is to add Filters in Filters – Add new. Here, you can add any kind of settings.
Second step is to connect filters to Greenshift Query Builder. For this, put one of JSF blocks on page and select Greenshift Query Loop as Destination
And that’s all. It will be connected automatically with all query builders on page.
What if you want to connect it with specific block. For this, in Query Builder block, copy ID
Now, put this ID also to class of block. You can do this in Advanced – Advanced – Additional classes. And put the same ID to Query ID parameter in filter block
Additionally, we made few styles for Filters. You need to copy this block to your site and put filters inside. You can copy block on gist
https://gist.github.com/wpsoul/f653479fd33be522c1968c6876aeeba4
Also here is block for Active filters
https://gist.github.com/wpsoul/8b6bda0a4f4241f56451b944b5640229
Filter Everything PRO
The connection between Query Builder and this plugin is very simple. Just put Query builder on any page where you plan to use filters from plugin and save it. Now, when you create filters, you can select a page for Filter results, if the page has Query builder, you can select it in “What to filter” option
