18th Jul '24
/
1 comment

Posts Grouped by Taxonomy Terms in Bricks using BricksExtras’ Dynamic Table and Pro Tabs

Posts Grouped by Taxonomy Terms in Bricks using BricksExtras’ Dynamic Table and Pro Tabs

This Pro tutorial provides the steps for outputting posts of any post type (Tasks CPT in this example) organized by a taxonomy (Task Status) with the taxonomy terms appearing as Tab titles and the corresponding posts appearing inside tables with sortable custom columns as Tab contents in Bricks.

The entire solution is fully dynamic and once set up, is automatically updated as the terms and posts change.

Step 1

Install and activate BricksExtras.

Go to its settings and enable these elements:

  • Dynamic Table
  • Pro Tabs

Step 2

If you want to implement this tutorial for post type other than the default post and taxonomy other than the default category (or post_tag), create (if you haven't already) your desired CPT and a corresponding taxonomy.

Create terms for the taxonomy, create posts and assign one or more terms for the posts.

Step 3

Edit a Page or template in which you'd like to render the grouped posts with Bricks.

Copy the JSON of the Section from our dev site using the link below and paste it in your Bricks builder.

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
Bricks Query Loop for Top-level Parent Pages with Children

Bricks Query Loop for Top-level Parent Pages with Children

In the Bricks Facebook group, a user asked: Looking for a custom query to output a list of posts in the same hierarchy that the…
Categories:
Pro
Related Services grouped by Service Categories on Single Branch Posts in Bricks

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

How to query ACF relationship fields on single CPT templates.
Categories:
Pro
How to Move an Element into Another on Smaller Viewports in Bricks

How to Move an Element into Another on Smaller Viewports in Bricks

This Pro tutorial provides the steps to move a Block containing a Heading and WP Grid Builder's Facet into BricksExtras' OffCanvas element for viewports 991px…
Random Posts in the Same Category as the Current Single CPT Post in Bricks

Random Posts in the Same Category as the Current Single CPT Post in Bricks

Here’s how query loop can be set in Bricks to show related posts by a taxonomy’s terms
Categories:
Related Posts by Author in Bricks

Related Posts by Author in Bricks

Querying posts on single posts by the author of the current post.
Categories:
Synced thumbnail sliders in Bricks using BricksExtras

Synced thumbnail sliders in Bricks using BricksExtras

Setting up post-specific synced/linked thumbnail sliders that show photos from a gallery-type custom field using BricksExtras plugin in Bricks.
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…