Not able to update 'Hide in Navigation' property from page properties. | Community
Skip to main content
S
SaranshTy
April 8, 2024
Solved

Not able to update 'Hide in Navigation' property from page properties.

  • April 8, 2024
  • 1 reply
  • 1530 views

Hi All,

I'm new to AEM development and when I'm trying to update this 'Hide in Navigation' property from page properties in my local host then it is not reflecting in the page preview or in edit mode. I want to hide 'Experience' tab from these header (Attaching Screenshot)

 

I'm using this AEM version - 6.5.19.0

 

What could be the possible reasons for this issue and how I can resolve this?

 

Thanks

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by EstebanBustamante

Hi, 

Firstly, the We.Retail project is no longer supported and may not function properly in the version of AEM you are using. The recommendation is to use the WKND project instead. Please check here for all the details about the WKND project: https://github.com/adobe/aem-guides-wknd https://experienceleague.adobe.com/en/docs/experience-manager-learn/getting-started-wknd-tutorial-develop/overview.

Regarding your questions, the "hide in nav" option can be hidden by overlaying the dialog and adding the property sling:hideResource to the node where the "hide in nav" property is configured. You can find all the details about it here: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/platform/sling-resource-merger http://www.sgaemsolutions.com/2017/09/sling-resource-merger-in-aem-63.html 

Once you use the "hide in nav", make sure you check the page in preview or appending in the URL "?wcmmode=disabled". 

Hope this helps.

1 reply

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
April 8, 2024

Hi, 

Firstly, the We.Retail project is no longer supported and may not function properly in the version of AEM you are using. The recommendation is to use the WKND project instead. Please check here for all the details about the WKND project: https://github.com/adobe/aem-guides-wknd https://experienceleague.adobe.com/en/docs/experience-manager-learn/getting-started-wknd-tutorial-develop/overview.

Regarding your questions, the "hide in nav" option can be hidden by overlaying the dialog and adding the property sling:hideResource to the node where the "hide in nav" property is configured. You can find all the details about it here: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/platform/sling-resource-merger http://www.sgaemsolutions.com/2017/09/sling-resource-merger-in-aem-63.html 

Once you use the "hide in nav", make sure you check the page in preview or appending in the URL "?wcmmode=disabled". 

Hope this helps.

Esteban Bustamante
    S
    SaranshTyAuthor
    April 16, 2024

    Hi @estebanbustamante ,

     

    I'm unable to find where my hideInNav property is configured. Can you please help me how to check it? Is it configured on page or on component? Not getting what to check.

     

    Second thing, when I'm Checking hideInNav property then where my request is going? I'm trying to see this in request.log but not sure whether I'm seeing correct file or not. If possible, could you, please tell this thing also. Maybe with that request I can figure it out why my code is not working.

    S
    SaranshTyAuthor
    April 19, 2024

    Hi, 

    You open the page's properties from the "navigation" item you want to check, and you can see the option under the basic tab.
    For example: If you want to check the "magazine" link from the below image

    1. You go to the Magazine's page properties

    2. Check the status of the property "hide in navigation", keep in mind that this can be inherited the value from its master if this is a live-copy, this is the case for this page. To check which is the "master" of this page, you simply go to "Live Copy" tab and check the "Source" field.

     

    If you want to check how "hideInNav" works, you should analyze the "header" component, which is the one that utilizes the property you are interested in.

    Hope this helps.




    Can you please tell which files I need to check in Header Component, that is utilizing this HideInNav property?

    Because I was comparing with the header component only, but then I was not able to find how HideInNav is working in header. 

    If possible, can you, please tell which specific files I should check in Header where HideInNav is working.

    Maybe with that I may able to resolve my issue.

    Terms & ConditionsAccessibility statement

    Loading footer...