Click-type Infinite Scroll in Bricks Builder

This Pro tutorial provides the steps to set up "click to load more" posts using Infinite Scroll JS in Bricks builder.

Step 1

Edit your Template/Page with Bricks and add a list/grid of posts using either the Posts element or Query Loop.

In this example, let's use the Query Loop using CSS Grid as detailed in our previous tutorial here.

Step 2

Add a Pagination element alongside and below the Query Loop parent element.

Select the element represented by your Query Loop.

Set the Pagination element's Display to none.

Add a Container under the Pagination.

Add a Code element inside the Container having: