ACF Relationship in Bricks

Update on 3 Jan 2024: You may also be interested in this newer tutorial.

This Pro tutorial walks through setting up and using an ACF Relationship type of field in Bricks.

We are going to set up a bidirectional relationship between an event CPT (Custom Post Type) and venue CPT, then see how related venue(s) can be shown on single event pages and related event(s) on single venue pages.

Editing an event (Event 1):

Editing the venue that's set for the above event (Venue 1):

The related event (Event 1) will automatically show up. Event 3 has been added manually. Any changes done here will get reflected in the corresponding events.

A single event on the front end:

A single venue on the front end:

We shall also ensure that

  1. the Section having the related events/venues get output only if there's at least 1 published related event/venue.
  2. heading inside the Section says Events or Event depending on whether there are/is more than 1 or 1 related event and similarly, Venues or Venue.

Step 1

Create both the CPTs using a plugin like CPT UI or otherwise.

Step 2

Create a ACF field group for one of the CPTs (doesn't matter for which you do first) having a Relationship field.

In the "Filter by Post Type" field, select the other CPT.

Step 3

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