Add Search & Filter Pro to Beaver Themer Post Module CPT Archive

You can use Search and Filter Pro with Beaver Builders Themer Post Module columns post layout, this guide goes through the tweaks needed and uses a CPT (custom post type) archive page.

Create your Posts Module CPT Archive Page via Themer

search & filter Pro Shortcode

Search & Filter Pro Shortcode


General Sfpro Columns Module

Columns Layout


General Sfpro Columns Main Query

Main Query – using CPT Archive


Create your Posts Module with the columns layout on a CPT Archive page with Beaver Themer and add in your Search and Filter Pros shortcode. The Posts Module has to use the main query.


Search & Filter Pro Settings

General Sfpro Columns

Example uses ‘Lights’ CPT


Display Results Sfpro Columns

Display Results settings

The key setting is to set the Ajax container ‘.fl-module-post-grid‘ and check the Ajax checkboxes as above. This CSS class will change depending on the layout chosen.

See a masonry example set up here.


  1. Oz on May 6, 2019 at 2:31 pm

    Pagination seems to be not working with this (I have also change the pagination selector)

  2. Robert Eccles on January 20, 2019 at 9:42 pm

    I have a custom post type called walking routes. But I’m only able to display this CPT if I choose Custom Query. Choosing Main Query displays my Blog Posts. And S&F Pro doesnt filter at all when choosing Custom Query. I assume it only works with “main query”. How would I tell BB Themer that this CPT is my main query?

Leave all Comment