Opens in a new tab
19th Jul '24
/
0 comments

Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks

A couple of members asked:

I have a cpt called "Markets" aand a cpt "tools". Tools have a taxonomy "tools group". How can i create a relation between Market (cpt) and tool group (taxonomy). My goal is to display related market inside the tool group (taxonomy) archive. Thanks

Hi, I have a CPT=“Product” with a taxonomy=”Product-group” and a CPT=”Team member”. Is it possible to link Team member and product-group with a bi-directional relation using ACF? And then ouput the related product group inside team member single template? It would be great if you're able to help me with this! Many thanks in advance!

This Pro tutorial walks through the process of setting up a bidirectional relationship between posts of a CPT and a custom taxonomy of another CPT and outputting the items of related object(s) on the single CPT pages and term archive pages in Bricks using ACF.

Scenario covered in this tutorial: Team Member <-> Product Category.

Product Category is a taxonomy for another CPT (Product).

Sample Team Member posts:

After implementing the tutorial, 'Employee A' post on the front end:

'Employee B' post on the front end:

'Decor' product category archive in the backend:

On the front end:

'Music' product category archive in the backend:

On the front end:

We shall also ensure that the Sections get output only if there is at least one related item (CPT post or taxonomy term).

Step 1

Install and activate ACF.

Create your CPT.

Ex.:

Create the other CPT and an associated taxonomy. In our dev site, we used product CPT and product_cat taxonomy that come with WooCommerce.

Step 2

Create a field group for your main CPT (team-member in this example).

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
Category Grid with ACF Images in Bricks

Category Grid with ACF Images in Bricks

Creating a grid of post categories, each category card showing an image from an ACF field, category name & description.
Categories:
Pro
Programmatically populating ACF field values in WordPress

Programmatically populating ACF field values in WordPress

An example of how to set the values of a Select-type field with the names and labels of all public post types.
Categories:
Pro
ACF Checkbox Sub Field as Unordered List in Bricks

ACF Checkbox Sub Field as Unordered List in Bricks

Updated on 22 Sep 2023 This Pro tutorial shows how the checked options of a Checkbox-type of Sub Field inside a ACF Repeater field can…
Categories:
Pro
Filtering Query Loop Posts by a Non-empty Custom Field in Bricks

Filtering Query Loop Posts by a Non-empty Custom Field in Bricks

This Pro tutorial shows how we can prefilter the results of a query output by a Bricks query loop to only those for which the…
Categories:
Tags:
How to create parallax effects using Rellax.js in Bricks

How to create parallax effects using Rellax.js in Bricks

This tutorial provides the JS & PHP codes that can be pasted in order to create smooth parallax effects using the Rellax.js library inside Bricks…
Categories:
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: