Related Posts using ACF Post Object in Bricks

This Pro tutorial provides the steps to modify the query of a Bricks Posts element or a Block on which query loop has been enabled to limit the posts to only those that are related to the current single post via an ACF Post Object custom field.

Field being populated when editing a Post:

On the front end:

We shall ensure that the

  • Section gets output only if there is at least 1 related post for the current post
  • heading text shows "Related Posts" if there is only 1 related post and "Related Posts" if there are more than 1 related posts

Step 1

Create the ACF field group having a Post Object type of field named related_posts.

Set "Filter by Post Type" to your desired post type(s) items that you want to set a relationship to.

Set it to appear on the post type of your choice.

In this example, both of the above are set to post.

Ensure that the Return Format is set to Post ID.

Step 2

Edit your posts and select 1 or more related posts for each.

Step 3

Edit your single post template with Bricks.

Copy and paste the Section using this JSON.

Ensure that the Section has this condition:

{echo:bl_get_count_related_posts}

Step 4

Add the following in child theme's functions.php or a code snippets plugin:

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