Nestable Tabs and Query Loops

How To
1

I would greatly appreciate some help setting up query loops with nestable tabs.

I would like nestable tabs with two categories on this page Portfolio – Courtnay Hough's Portfolio

Category A
and Category B

In the Category A tab, I want to display all posts assigned Category A
and in the Category B tab, I want to display all posts assigned Category B.

The categories and posts in this example are just regular Wordpress category taxonomies and posts — no custom post types/fields/taxonomies.

Any help would be appreciated!

Thank you,
Adam

2 Likes
2

Hey Adam,

I just replied to your ticket. Let me know if it helped.

Best,

André

2 Likes
3

Worked perfectly. Thank you so much, André! Would it be ok if I posted your video in this thread – as there is a possibility it may help someone else out?

1 Like
4

Hey Adam,

glad I could help.

Feel free to post the video. But it will only be available for the next week or two.

Best,

André

1 Like
5

Hi Adam
I want to set up a Tabs widget with a Custom Taxonomy for the Tab Titles and a CPT for the Panes.
Would this solution work and would you mind showing how the queries are structured for it to work
(as theere is no video) ?

Cheers
K

6

Hello K,

I uploaded André’s video to YouTube. Hopefully it helps!

7 Likes
7

Hi Adam

That worked perfectly thanks. Andre did a great explanation of how I needed 3 not 2 queries to get the correct taxonomy-post relationship so the Tabs widget worked correctly.
Bricks could do with a video like this on their academy site as most examples just use post title for the Tab and post content for the Panes (with no taxonomy involved).

2 Likes
8

Thank you for reposting this!!! Huge help. Realized that the term_id was required and also NOT to use flex on the queried pane.

2 Likes
10

Thank you for the video and explanation! Everything is working, however I am facing a problem with displaying posts as a grid. They are displayed always as rows and not columns.
Am I doing something wrong?
Thanks

popup with nestable tabs
popup with nestable tabs1098×658 62 KB

Structure

Block grid

11

I think you can solve it if you either put the loop settings on the Div-Element or apply the grid-settings to the Pane-Element.

12

Hi.
Applying the grid settings to the Pane didn’t work.
But I moved the loop settings to the Div Element and it’s working fine now.
Thank you very much for your help!
Jorge

1 Like
13

Ok, didn’t know that. An alternative would be to add an additional layout-element as a wrapper for the Block-Element and put the grid-settings there. Glad that it works now!
Br

Tobias

1 Like
14

I’ve a similar question but with terms