Expand my Community achievements bar.

SOLVED

How to add custom Favicon to my site?

Avatar

Level 3
Level 3
‎07-08-2022 02:38 PDT

Hi!

I'm beginner and I want add custom favicons, like below (WKND), to my site such that it appears on each page. Tried looking for this, but couldn't find solution. Thus can someone please help me to achieve this. I'm using AEMaaCs.

Thanks!

If posted this in wrong section, please direct me to correct one.

 

sesmic_0-1659865081702.png

 

Views

530

Replies

8

Sign in to like this content

Total Likes

Translate
Translate
1 Accepted Solution

Avatar

Correct answer by
Community Advisor
Community Advisor
‎07-08-2022 04:59 PDT
In response to sesmic

@sesmic head.html under page component - Add this HTML snippet between the <head> ... </head> tags of the page. 

Views

494

Replies

3

Sign in to like this content

Total Likes

Translate
Translate
Jump to reply
8 Replies

Avatar

Community Advisor
Community Advisor
‎07-08-2022 02:44 PDT

Hi @sesmic ,

Please use the below path and it will load the favicon.

<link rel="icon" href="/etc.clientlibs/mysite/clientlibs/clientlib-site/resources/favicon.ico"/>

/apps will be used as proxy with /etc.clientlibs and rest of path remains same.

Similar thread: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/after-sp7-favicon-not-show...

Regards,

Santosh

Views

526

Replies

7

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 3
Level 3
‎07-08-2022 02:59 PDT
In response to SantoshSai

Thanks for the reply!

I've seen that post but couldn't get it. I want browser's tab to show custom favicon for my site & its child pages.
Regarding this, I read somewhere that we need to add " <link rel="shortcut icon" href="resource path" />" in site's head.html. But don't know where this is. 

Views

521

Replies

6

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Community Advisor
Community Advisor
‎07-08-2022 03:12 PDT
In response to sesmic

@sesmic Updated my comment above, 

Please use the below path and it will load the favicon.

<link rel="icon" href="/etc.clientlibs/mysite/clientlibs/clientlib-site/resources/favicon.ico"/>

Views

507

Replies

5

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 3
Level 3
‎07-08-2022 03:22 PDT
In response to SantoshSai

Thanks! But where should I use this path? like in header.html, clientlibs, components htmls etc.
Sorry, I'm newbie don't know much.

Views

502

Replies

4

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Correct answer by
Community Advisor
Community Advisor
‎07-08-2022 04:59 PDT
In response to sesmic

@sesmic head.html under page component - Add this HTML snippet between the <head> ... </head> tags of the page. 

Views

495

Replies

3

Sign in to like this content

Total Likes

Translate
Translate
Jump to reply

Avatar

Level 3
Level 3
‎07-08-2022 07:07 PDT
In response to SantoshSai

@SantoshSai 

Thanks it worked!
There wasn't head.html under page component then I added it. But after adding head.html my page wasn't loading. So, I removed head.html & added the snippet with <head>...<head/> in customheaderlibs.html, which worked. Is this correct, please tell?

Views

483

Replies

2

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Community Advisor
Community Advisor
‎08-08-2022 03:30 PDT
In response to sesmic

That should be OK, but recommendation is to segregate such html's and include in main/page html. 

Views

455

Replies

1

Sign in to like this content

Total Likes

Translate
Translate

Avatar

Level 3
Level 3
‎08-08-2022 10:36 PDT
In response to SantoshSai

Sorry for replying with another question. but you mean I should use data-sly-include="head.html" in main/page.html?

Views

448

Replies

0

Sign in to like this content

Total Likes

Translate
Translate
page footer