How to remove Header block for a specific page | Community
Skip to main content
Best answer by RaphaelWe

Sure, you can modify scripts.js to fit your needs, e.g. add logic that skips loading the header on line 106: https://github.com/adobe/aem-boilerplate/blob/main/scripts/scripts.js#L106

A common pattern is to use metadata properties(global or page level) to toggle certain features. getMetadata() makes it quick and easy to extract metadata values.

 

3 replies

J
Jitender_RawatGu
New Participant
August 22, 2025

and you will show different header and footer in different page using sheet

    sarav_prakash
    sarav_prakash
    New Participant
    August 11, 2025

    Correct as Raphael points, header is loaded from scripts.js.loadHeader(). 

     

    In our project, we hide based of page template. Like we have condition 

    if (!isCheckoutPage()) { loadHeader(doc.querySelector('header')); }

     

    Another ootb flag is window.hlx.suppressLoadHeaderFooter. Refer here https://github.com/dylandepass/rosalind-boilerplate/blob/89d0d7ce8c03881287f5a1377c7957e53009d3ef/scripts/scripts.js#L254

    if (!window.hlx.suppressLoadHeaderFooter) { loadHeader(doc.querySelector('header')); loadFooter(doc.querySelector('footer')); } else { document.querySelector('header').remove(); document.querySelector('footer').remove(); }

     

    With this ootb flag, we can configure required pages to suppress header/footer. 

     

    Overall, asking to conditionally load header/footer. Condition can be configured in different ways, whichever is convenient to maintain. 

      R
      RaphaelWeAccepted solution
      Employee
      August 6, 2025

      Sure, you can modify scripts.js to fit your needs, e.g. add logic that skips loading the header on line 106: https://github.com/adobe/aem-boilerplate/blob/main/scripts/scripts.js#L106

      A common pattern is to use metadata properties(global or page level) to toggle certain features. getMetadata() makes it quick and easy to extract metadata values.

       

        Terms & ConditionsAccessibility statement

        Loading footer...