Filter Bricks Builder Loop with WP Grid Builder Facets

How To
21

It’s mentioned on the WPGBs site that the filters don’t support the infinite scroll.

… does not support the “Infinite scroll” option from Bricks for the elements listed above. However, you can use a facet to load more content on click or scroll.

22

Hi all

The last few days I have been playing around with GridbuilderWP and Bricks.

I am glad to report that Gridbuilder with the Bricks add-on work very well together now.

I have created various facets in Gridbuilder and they work on the native Bricks query loops without issues, including Load More and Infinity Scroll.

The only issue I had is that it takes some CSS to make the facets look nice, but that is just a matter of finding the right styles and sizes for the pages. I think this is the case with any filtering tools.

It took me some time to find the right CSS code to have the checkboxed aligned next to each other. If you are interested, here is the code I use for two columns for example:

ul.wpgb-hierarchical-list .wpgb-checkbox {
float: left;
width: 50%;
}

So now next to Search & Filter Pro (thanks to cmstew for his integration plugin!) and PiotnetGrid we have now a good, third filtering / facet / grid tool with GridbuilderWP.

Cheers

Patric

GridbuilderWP
GridbuilderWP1199×398 39.2 KB

3 Likes
23

Hi, I’m using pagination facet (with click to load more), but somehow when I clicked the button, it’s always have this double posts loaded.

Here is my setup. I’m using query loop on a page (not archive templates), only set query to post, and post type → film, leave everything else as it is. I’m using latest Bricks, latest WPGB plugin and its Bricks addon, disable query loop cache on Bricks Settings, also disable “filter custom content” on WPGB Settings. But nothing works.

I set recent post to 24 post in General Settings → Reading. But whenever I clicked to load more, it’s always repeating to load 21 post that already shown in the first place.

Can anyone shows me what I did wrong? I try to reach WPGB support, but they claim I have custom php that modifies query, even though it’s not.

Thanks!

24

Do you have a url so that we can look at the page? and print screens of the structure and elements in Bricks would also help, inluding the print screen of the query settings.

Thanks

25

Please check your message, Patric. Thanks.

26

Ok, I looked at the video.

The first thing I saw is that in the load more facet from WPGridbuilder you set “Number to load more:” to 15.

But in your Bricks page, in the query settings you set “Posts per page” to 24.

What happens if you set the “Post per page” in the query settings to 15 also?

Secondly, what happens if you set in the query settings the “Order by” to Title and the “Order” to Ascending?

Cheers

Patric

27

If you see on my site just now, I’ve changed the setup based on your suggestion. I even change the “Blog pages show at most” to 15 (just in case). As you will see, the issue persist.

28

Ok, I see that you set the HTML tag of the query as li.

What happens if you remove that setting and leave it to the default?

29

To debug, can you make a new page, just create the same query of the posts and add the load more facet.

Does it work then?