AJAX Pagination for Posts in Bricks

This Pro tutorial provides the steps to implement Loops & Logic for loading the next set of paginated posts when the pagination numbers are clicked i.e., AJAX pagination in Bricks builder.

We will cover two types of post loops:

Bricks template
Loops & Logic template

Warning

Using AJAX for loading of posts may affect SEO. Please do your research on this before applying the tutorial.

Step 1

Install and activate Loops & Logic.

Step 2

Bricks Template

Note

With this approach, lazy load should be disabled in Bricks' settings under the "Performance" tab. If you do not want to disable it, you can use the manual L & L Template approach.

a) Create a new Bricks Template named say, "Post Loop" of the type "Section" and edit it with Bricks.

Add a Container element.

HTML tag: article

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account