Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events
SOLVED

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

Avatar

Level 1

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

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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-de....

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/pla... 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

View solution in original post

5 Replies

Avatar

Correct answer by
Community Advisor

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-de....

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/pla... 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

Avatar

Level 1

Thank you very much for this, let me check and will get back to you.

Avatar

Level 1

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.

Avatar

Community Advisor

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

EstebanBustamante_0-1713273600664.png

1. You go to the Magazine's page properties

EstebanBustamante_1-1713273638243.png

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.

EstebanBustamante_2-1713273762494.png

 

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.





Esteban Bustamante

Avatar

Level 1

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.