Opens in a new tab
8th Mar '24
/
0 comments

Related Posts in Bricks using Post Object in a ACF Repeater

In the Bricks forum a user asks:

Hello,

I have an ACF repeater field with name book_translations. Inside that I have a Post Object field where I select a related woocommerce product for a post and has name book_for_selected_language. In the front end I’m trying to output the featured image of the selected product using an image element and the dynamic shortcode {acf_book_translations_book_for_selected_language} but nothing is rendering.

How can I get the featured image from the post object that lies inside a repeater field? Do I need to write a custom function and call it using echo?

This Pro tutorial for Bricks users provides the steps to output posts of another post type related to the current single post via ACF Post Object sub field inside a Repeater.

If the multiple posts selection setting is enabled for the Post Object-type sub field, follow Related Posts using ACF Post Object in Bricks tutorial instead.

In this example, we shall output products related to the current single post being viewed.

ACF field group:

Set the Post Object field's Return Format to Post ID.

When a post is being edited:

Output on the front end after implementing the tutorial:

The Section will be set to output conditionally only if there is at least 1 related product.

We shall also ensure that 's' gets added to the 'Related Product' heading text if the number of matching or related products for the current post is more than 1.

Both Products element (screenshot) and query loop methods are covered.

Step 1

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

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
Frontend Editing with ACF in Bricks

Frontend Editing with ACF in Bricks

This Pro tutorial provides the steps to show a form on single posts on the front end for admins and the post author using which…
Categories:
Pro
Random images from ACF Options Gallery in Bricks

Random images from ACF Options Gallery in Bricks

This Pro tutorial provides the steps to output images from an ACF Gallery-type custom field in a Bricks query loop randomly with each image appearing…
Categories:
Pro
Meta Box/ACF Images Staggered Grid Gallery in Bricks

Meta Box/ACF Images Staggered Grid Gallery in Bricks

Showing images from two Gallery-type of ACF or Image Advanced-type of Meta Box fields in a staggered grid layout.
Pro
Filtering ACF Relationship Query by Post Meta in Bricks

Filtering ACF Relationship Query by Post Meta in Bricks

How to filter the posts of a post type related to another post type based on the value of a True / False type ACF…
Pro
Merging ACF Gallery Images with Featured Image in Bricks

Merging ACF Gallery Images with Featured Image in Bricks

Updated on 12 Mar 2025 In the Bricks Facebook group a user asks: Merging images from different fields into a single gallery Hi, I have…
Categories:
Pro
Querying Posts by Date/Datetime Custom Fields in Bricks

Querying Posts by Date/Datetime Custom Fields in Bricks

This Pro tutorial shows how to configure ACF and Meta Box to query posts in Bricks by custom field(s) of the type Date/Date Time Picker…
Categories:
Tags:
Modifying ACF Field Value Before It Is Output

Modifying ACF Field Value Before It Is Output

Consider the scenario where a Page has a "Page Fields" field group created with ACF Pro like this: Field name: scientific_coordinators (type Repeater)|__ Sub field…
Categories: