16th Sep '24
/
0 comments

Related Services grouped by Service Categories on Single Branch Posts in Bricks

A user asks:

I need help please, with querying an ACF relationship field on a single CPT template.

Here's the scenario:

I have two Custom Post Types (CPTs) - "Branches" and "Services". These two CPTs are linked by an ACF relationship field, allowing me to choose which services are related to a branch and vice versa.

The "Services" CPT has a taxonomy called "Service Category", which includes categories like Massages, Facials, Nail Care, etc. This structure allows me to group the service posts.

I've created a single template for the "Branches" post type. On this template, I aim to display the "Service Category" taxonomy and list the related services linked to a branch under the taxonomy.

This Pro tutorial provides the steps for displaying related CPT 2 posts grouped by a CPT 2's taxonomy on CPT 1 post page in Bricks.

Scenario:

CPT 1 = BranchCPT 2 = ServiceCPT 2 taxonomy = Service Category

Objective: On single branches, show related services grouped by service categories.

We shall

  • Get unique service category IDs for related services of the current branch post
  • Set up a Terms query with include param set to the above
  • Set up an inner Posts query with service-category set to the current looping term and restrict the posts to related services

Single Tutorial Purchase Option

Lifetime access to this single tutorial can be purchased for $39 here.

Step 1

Register your Branch and Service CPTs and Service Category Taxonomy using ACF.

Register Branch Fields and Service Fields field groups having Related Services and Related Branches Relationship type fields respectively.

Edit each field and enable Bidirectional relationship.

Step 2

Create posts for both CPTs.

Edit posts of any one CPT and populate the Relationship field.

Step 3

Let's add a custom function to get unique service category IDs for related services of the current branch post.

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

Related Tutorials..

Pro
Accordion Grid Query Loop in Bricks

Accordion Grid Query Loop in Bricks

How to set up a accordion in Bricks such that the "titles" are arranged in a grid with the full width content opening below.
Categories:
Pro
Hierarchical Posts with Nested Query Loops in Bricks

Hierarchical Posts with Nested Query Loops in Bricks

Learn how to set up nested query loops in Bricks to show hierarchical posts with child posts grouped under their corresponding parent posts
Categories:
Posts Related by Current Post’s Terms in Bricks

Posts Related by Current Post’s Terms in Bricks

Showing other posts assigned to the same categories/tags/custom taxonomy terms as the current post.
Categories:
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
Categories and SubCategories Query Loop Tabs in Bricks

Categories and SubCategories Query Loop Tabs in Bricks

Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries.
Categories:
Pro
Conditional Output based on Date Time Picker Field in Bricks

Conditional Output based on Date Time Picker Field in Bricks

In the past, we showed how elements can be conditionally output based on a post's Date type of ACF field here. This Pro tutorial for…
Categories:
Pro
CMB2 Repeatable Group Bricks Query Loop

CMB2 Repeatable Group Bricks Query Loop

This Pro tutorial provides the steps to create a custom query loop type for outputting the subfield values of a Group field (repeatable) when using…