Custom Headers and Footers in Experience Fragments for Specific Pages (Document-Based Authoring in EDS)

Question

I am currently using auto-generated Experience Fragments for the header and footer across multiple pages in AEM with document-based authoring (EDS). However, I need to apply different headers and footers for specific pages instead of using the same auto fragments everywhere. Is there a way to define custom Experience Fragments for the header and footer for certain pages while using document-based authoring? If so, what would be the best approach to achieve this?

narendiran_ravi · Accepted Answer

You can define the metadata for your page nav or footer with the value of the custom header fragment page.

As you can see in boilerplate code -https://github.com/adobe/aem-boilerplate/blob/878dbbb7e4382c1b0ba6854442983c63bed51d1d/blocks/header/header.js#L112 and https://github.com/adobe/aem-boilerplate/blob/878dbbb7e4382c1b0ba6854442983c63bed51d1d/blocks/footer/footer.js#L10 they are reading the metadata called nav or footer for header and footer respectively.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded