How can the Apple site header be implemented in Bricks?

How To
1

Hello community,

I want to implement a dynamic header like Apple’s website but I’m really confused and I can’t display the product categories as a dropdown. Do you have any ideas for that?

Given that Nestable nav menu does not support query loop, the only way I can think of is to use term query and display and display child categories using pop-ups, but either way I am facing some challenges. Thanks in advance for any guidance.

2

This would all be done via the Mega Menu functionality. Read about it here: Menu Builder – Bricks Academy

3

Thanks for the link. But it seems that top level doesn’t dynamically detect categories, right?

4

The top level will be your nested nav or build it out with nav, ul, and li tags which can pull in any data you wish.

The mega menu will do the same and pull in different data then the parent menu.

5

Hi @Victor1999,

That’s right, the dropdown doesn’t loop on its own. Just wrap it in a div and enable looping for the div and now it works.

2 Likes
6

The nestable nav does query, here is an example: NO BUG: Query Loop for Nested Menu - #2 by timmse

1 Like
7

Hi @HOSEIN,

Thank you very much. I didn’t think this would be possible. Problem solved. Also thanks to @shingen.

2 Likes
8

It is possible … there is lots of info out there already, so if you get stuck, just search and I am sure you will find the answer. If not, we are always here. =]

2 Likes