15th Jan '23
/
4 comments

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

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
ACF Font Awesome Field in Bricks

ACF Font Awesome Field in Bricks

We walk through using the Advanced Custom Fields: Font Awesome Field plugin for showing Font Awesome icons.
Categories:
Tags:
Pro
Related Posts using ACF Post Object in Bricks

Related Posts using ACF Post Object in Bricks

Modifying the query loop to limit the posts to only related posts via an ACF Post Object custom field.
Categories:
Tags:
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

This tutorial provides the PHP & JS codes that can be pasted in order to create a flying effect on map markers each time your…
Pro
Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Limit Bricks Users Query to Current Post’s User-type ACF Field Value

Consider this scenario with ACF: "John Briley" user: "Gandhi" movie: The requirement is to show John Briley as the author when Gandhi movie item is…
Categories:
Color Custom Field as Section Background Color on Category/Term Archives in Bricks

Color Custom Field as Section Background Color on Category/Term Archives in Bricks

How to use a color from a taxonomy term custom field for as the hero section background color on archive pages.
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:
Pro
ACF Repeater Row Count Condition in Bricks

ACF Repeater Row Count Condition in Bricks

This Pro tutorial provides the steps to output elements on single posts (of any post type) in Bricks only if a specific ACF Repeater-type of…
Categories: