Opens in a new tab
17th Jul '24
/
4 comments

Upcoming Events Accordion in Bricks Grouped by ‘Month Year’

This Pro tutorial is a variation of the previous Upcoming Events Grouped by 'Month Year' in Bricks tutorial wherein the upcoming 'month year's are shown in BricksExtras Pro Accordion with the events corresponding to that month and year with the dates based on event_date post meta value.

Given this events list:

the output after implementing the tutorial as on 17 Jul 2024 would be:

We shall loop through the events, construct an array with the necessary data, set up a custom Bricks query type for the 'month year' query loop and an inner event posts query loop that uses the outer query loop object to pull the post IDs.

Step 1

Create the CPT and corresponding date-type custom field. ACF was used in our dev site.

CPT: event

Custom field: event_dateReturn format: Ymd

Create event posts and populate the event date field for each.

Step 2

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

Related Tutorials..

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:
Pro
Posts Grouped by Month and Year in Bricks

Posts Grouped by Month and Year in Bricks

Nesting query loops with months & years in descending order, with the inner loop outputting the posts.
Categories:
Pro
Mixed Post Types Grid in Bricks

Mixed Post Types Grid in Bricks

How to set up a mixed post types grid in Bricks, where you can display both standard posts and custom quote cards in alternating positions.
Categories:
Pro
Limit the Number of Posts in a Bricks Query Loop of Relationship Type

Limit the Number of Posts in a Bricks Query Loop of Relationship Type

Updated on 12 Dec 2023 Bricks Query Loop popup does not have a control for setting the number of posts to be output when the…
Pro
Adding active class to the current term/post in a Bricks query loop on Term archives/single posts

Adding active class to the current term/post in a Bricks query loop on Term archives/single posts

Updated on 29 Feb 2024 In the Sibling Terms Bricks Query Loop tutorial, a member asked: How can I set the class "active" to the…
Categories:
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: