Opens in a new tab
4th Apr '23
/
2 comments

Related Posts using ACF Post Object in Bricks

Updated on 20 Jun 2024

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 one related post for the current post
  • "Related Posts" heading is output if there is only one related post and "Related Posts" heading if there is more than one related post

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.

Enable "Select Multiple".

Step 2

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

Step 3

Edit your single post template with Bricks.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
ACF Options Fields in Bricks

ACF Options Fields in Bricks

This Pro tutorial walks you through outputting the values of custom fields attached to an ACF Pro's Options page in Bricks builder. We shall register…
Categories:
Pro
ACF Flexible Content Field – Layout Labels and Sub Field Labels

ACF Flexible Content Field – Layout Labels and Sub Field Labels

How to output the text of layout labels and/or sub field labels using the Flexible Content field of ACF Pro.
Categories:
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.
Pro
ACF Image Data in Bricks

ACF Image Data in Bricks

Displaying Alt text, Caption, Title and URL of an ACF image field for posts in a query loop.
Categories:
Tags:
ACF Checkbox Items with Custom SVG Bullets in Bricks

ACF Checkbox Items with Custom SVG Bullets in Bricks

We walk through outputting list items with SVG icons based on the choice of a ACF Checkbox field.
Categories:
Tags: