1st Oct '25
/
0 comments

Post Titles and Post Content Tabs in Bricks

This Pro tutorial provides the steps to set up tabs (horizontal or vertical) where the tab menu items can be post titles (or any other post-specific data like a custom field value or the featured image) and the tab pane items can be post excerpt and/or any other post-specific data using Tabs (Nestable) element in Bricks.

Any element can be inserted in the tab menus and tab panes and so you will have full flexibility in designing your post (can be of any post type) tabs in the Bricks editor.

If you are looking for term names as the tab titles with corresponding posts as the tab content, follow these tutorials instead:

Horizontal Tabs Section

Copy the JSON code from the link below and paste in your Bricks page/template for the fully built Section.

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
Term Parent Slug Data Attribute in Bricks

Term Parent Slug Data Attribute in Bricks

How we can set a data attributes on a child taxonomy dynamically based on the parent taxonomy.
Categories:
Pro
Events grouped by Event Date custom field in Bricks

Events grouped by Event Date custom field in Bricks

This Pro tutorial for Bricks users provides the steps to output posts of an event custom post type dynamically grouped by the value of their…
Categories:
Pro
Post Views Counter Query Loop in Bricks

Post Views Counter Query Loop in Bricks

How we can output the most viewed posts in your Bricks site in a query loop.
Categories:
Pro
Related Episodes Grouped by Episode Chapters on Single Podcasts in Bricks when using JetEngine

Related Episodes Grouped by Episode Chapters on Single Podcasts in Bricks when using JetEngine

A user asks: How to Display Related Episodes Grouped by Chapters on a Podcast Page in Bricks? Hi everyone, I have two post types created…
Pro
Upcoming Events Grouped by ‘Month Year’ in Bricks

Upcoming Events Grouped by ‘Month Year’ in Bricks

A custom query loop type for showing future events based on a date custom field using three nested query loops.