50% discount on BricksLabs Pro Membership Lifetime Access. Use coupon: GOBRICKS

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

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 Pro members-only tutorial.

To get full access, login below or sign up for a Pro Account

Leave the first comment