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 609 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

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:
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
Posts Grouped by Authors in Bricks

Posts Grouped by Authors in Bricks

This Pro tutorial for Bricks users provides the steps to loop through users and inside that, through posts whilst setting the inner query's author parameter…
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
Google Maps JavaScript API in Bricks

Google Maps JavaScript API in Bricks

This Pro tutorial provides the steps to show post-specific maps with custom marker content in Bricks using Google's Maps JavaScript API and Advanced Custom Fields.…
Categories: