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:

  1. Bricks template
  2. Loops & Logic template


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


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

Instant access to 390+ Bricks code tutorials with BricksLabs Pro