LidermanGiraldoEscobar

Level 2

Solved

add favicon.ico to my site

2 replies
2725 views
Translate All

Hello, I have problems adding a favicon to my site, I want to know if anyone knows how to do it, thank you very much!

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

RajaShankarAccepted solution

Community Advisor

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

Himanshu_Singhal

Community Advisor

Community Advisor

Hi @LidermanGiraldoEscobar

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

Best regards,
Himanshu Singhal

Translate

Community Advisor

Accepted solution

Community Advisor

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

Translate