21st Apr '23
/
0 comments

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 article for Pro members provides JSON code that can be pasted in your Bricks Page/template to show the featured images, titles and excerpts of the 5 latest posts.

We shall also update a few query parameters to make it more performant.

Step 1

Copy the following JSON and paste in your Page/template when it is being edited with Bricks.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
Horizontal Accordion
Pro
Query Loop

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Top-level Pages and Children Bricks Query Loop

Top-level Pages and Children Bricks Query Loop

This Pro tutorial for Bricks users can be considered Part 2 or a variation of the earlier Bricks Query Loop for Top-level Parent Pages with…
Read more →
Categories: Bricks, Pro
Tags: Nested Queries
Bricks Templates Query Loop

Bricks Templates Query Loop

How display Bricks Templates with saved screenshots in a query loop.
Read more →
Categories: Bricks, Free
Tags: Query Loop
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

This tutorial provides the PHP & JS codes that can be pasted in order to create a flying effect on map markers each time your…
Read more →
Categories: Bricks, Free, Plugins
Tags: ACF, Animations, Maps, Query Loop
Pro
Related Posts by Taxonomy in Bricks

Related Posts by Taxonomy in Bricks

In the previous Posts Related by Current Post's Terms in Bricks tutorial, we showed how posts related to the current single post that have the…
Read more →
Categories: Bricks, Pro
Tags: Query Loop, Related Posts
Using WP Grid Builder Facets with Bricks’ Query Loop

Using WP Grid Builder Facets with Bricks’ Query Loop

Update: This tutorial was written before WPGB had a Bricks add-on. Now, it is advisable to use that add-on instead. Get it from here. Updated…
Read more →
Categories: Bricks, Free
Tags: Query Loop, WPGridBuilder
How to Show Future Events in Bricks

How to Show Future Events in Bricks

One of the common requirements in WordPress is being able to filter the events (or could be posts of any post type) to only those…
Read more →
Categories: Bricks, Free
Tags: Meta Query