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
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