Add Search & Filter Pro to Beaver Builder Masonry Grid

You can use Search and Filter Pro with Beaver Builders Themer Post Module grid masonry layout, this guide goes through the tweaks needed and used the main blog post archive page.

Create your Posts Module Archive Page

search & filter Pro Shortcode

Posts Module Masonry

Create your Posts Module layout on the main Post Archive page with Beaver Themer and add in your Search and Filter Pros shortcode.

Search & Filter Pro Settings

General Sfpro Masonry

General Settings

 

Display Results Sfpro Masonry

Display Results

The key setting is to uncheck ‘Load results using Ajax’ and also to set a custom slug for the archive.

If you do need to have Ajax reload try this guide here.

See how to do it with a Custom Post Type archive here.

Leave all Comment