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

Related Tutorials..

Pro
Dynamic Horizontal Posts Accordion in Bricks

Dynamic Horizontal Posts Accordion in Bricks

Update on 8 Sep 2024: You may want to follow the newer version that considers accessibility. Looking to make a Horizontal Image Accordion dynamic? This…
Pro
Alternating Posts from Two Post Types in Bricks

Alternating Posts from Two Post Types in Bricks

How to output posts from two seperate post types, alternating in a query loop.
Categories:
How to show data of a post whose ID is the value of a URL parameter in Bricks

How to show data of a post whose ID is the value of a URL parameter in Bricks

In the Bricks Facebook group, a user asks: Hey Everyone,I am trying to create the following:1- I have a Custom Post Type2- I have a…
Categories:
Pro
Query Loop in Bricks

Query Loop in Bricks

This Pro tutorial walks you through the steps to use the Query Loop feature in Bricks to display a responsive grid of posts using CSS…
Categories:
Pro
How to Insert Element(s) Between Query Loop Posts in Bricks

How to Insert Element(s) Between Query Loop Posts in Bricks

Update on 16 Aug 2023: Follow this tutorial instead. This Pro tutorial shows how we can insert a Div (or any custom HTML) after nth…
Bricks Templates Query Loop

Bricks Templates Query Loop

How display Bricks Templates with saved screenshots in a query loop.
Categories:
HappyFiles Bricks Query Loop

HappyFiles Bricks Query Loop

This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s).…
Categories: