Expand my Community achievements bar.

SOLVED

AEM top navigation with mega menu dropdown

Avatar

Level 1

I'm working on a migration project for a client, they have a lot of custom components that they've relied on in the past for site construction that they won't have access to after the migration. Among those is their main site navigation, a header component that uses mega menus for site navigation. I want to know what options are available for recreating that functionality in the modern AEM landscape. Are there any good tutorials for how to writer a mega menu component? Are there any vendors that sell or license these sort of components?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@drewcarbory  For Header/footer section, you might want to use an Experience fragment that is then added to your base page template so that the header/footer shows up on all the pages and there is just one place to maintain it (the experience fragment).

 

As for Mega menu, this needs to be a custom component and AEM does provide you with all the tools/frameworks necessary to build any type of menu component.

You can refer to the below articles for additional guidance : 

https://aem-development.com/knowledge-base/crafting-a-mega-menu-component-in-adobe-experience-manage....

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/top-navigation-mega-menu-c...

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-develop-mega-menu-c...

 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

@drewcarbory  For Header/footer section, you might want to use an Experience fragment that is then added to your base page template so that the header/footer shows up on all the pages and there is just one place to maintain it (the experience fragment).

 

As for Mega menu, this needs to be a custom component and AEM does provide you with all the tools/frameworks necessary to build any type of menu component.

You can refer to the below articles for additional guidance : 

https://aem-development.com/knowledge-base/crafting-a-mega-menu-component-in-adobe-experience-manage....

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/top-navigation-mega-menu-c...

 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-develop-mega-menu-c...