add favicon.ico to my site | Community
Skip to main content
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 RajaShankar

Hi @lidermangiraldoescobar 

 

Step 1:

You need to add favicon at your custom app clientlibs and this clientlib should be reffered from template policy resources folder

 

Step 2 :

If you are using WCM Core Page component then it will work as shown in

 

https://github.com/adobe/aem-core-wcm-components/blob/e49999b3733ceb487fd40774ac4a15f921713336/content/src/content/jcr_root/apps/core/wcm/components/page/v3/page/head.html#L44

 

<sly data-sly-test.appResourcesPath=${page.appResourcesPath} data-sly-call="${headResources.favicons @ path = appResourcesPath}"></sly>

 

This will link head resource.html

https://github.com/adobe/aem-core-wcm-components/blob/e49999b3733ceb487fd40774ac4a15f921713336/content/src/content/jcr_root/apps/core/wcm/components/page/v3/page/head.resources.html

 

Also please refer

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/favicon-aem-6-5/td-p/548185

2 replies

Himanshu_Singhal
Community Advisor
Himanshu_SinghalCommunity Advisor
Community Advisor
December 20, 2022

Hi @LidermanGiraldoEscobar 

 

Please refer to similar thread - https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/after-sp7-favicon-not-show...

 

Best regards,
Himanshu Singhal

    RajaShankar
    Community Advisor
    RajaShankarCommunity AdvisorAccepted solution
    Community Advisor
    December 20, 2022

    Hi @lidermangiraldoescobar 

     

    Step 1:

    You need to add favicon at your custom app clientlibs and this clientlib should be reffered from template policy resources folder

     

    Step 2 :

    If you are using WCM Core Page component then it will work as shown in

     

    https://github.com/adobe/aem-core-wcm-components/blob/e49999b3733ceb487fd40774ac4a15f921713336/content/src/content/jcr_root/apps/core/wcm/components/page/v3/page/head.html#L44

     

    <sly data-sly-test.appResourcesPath=${page.appResourcesPath} data-sly-call="${headResources.favicons @ path = appResourcesPath}"></sly>

     

    This will link head resource.html

    https://github.com/adobe/aem-core-wcm-components/blob/e49999b3733ceb487fd40774ac4a15f921713336/content/src/content/jcr_root/apps/core/wcm/components/page/v3/page/head.resources.html

     

    Also please refer

    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/favicon-aem-6-5/td-p/548185

      Terms & ConditionsAccessibility statement

      Loading footer...