Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Favicons not coming fine on Publishers - chrome browser

Avatar

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
ritendras648345
Level 2

29-05-2018

Hi Team,

I am experiencing issue with the favicons on Chrome browser.

Issue description - It is working fine on Firefox, IE and Safari browser. For Chrome browser,  able to see the favicon in Author mode, but not in publisher mode.

If there is any pointer, please suggest.

code in head section:

<link rel="apple-touch-icon" sizes="180x180" href="/etc/designs/test-proj/media/icons/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/etc/designs/test-proj/media/icons/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16"href="/etc/designs/test-proj/media/icons/favicon/favicon-16x16.png">
<link rel="manifest" href="/etc/designs/test-proj/media/icons/favicon/manifest.json">
<link rel="mask-icon" href="/etc/designs/test-proj/media/icons/favicon/safari-pinned-tab.svg" color="#111111">
<link rel="shortcut icon" type="image/x-icon" href="/etc/designs/test-proj/media/icons/favicon/favicon.ico">
<meta name="msapplication-config" content="/etc/designs/test-proj/media/icons/favicon/browserconfig.xml">
<meta name="theme-color" content="#111111">

Replies

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

29-05-2018

Avatar

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
ritendras648345
Level 2

29-05-2018

Thanks for the reply. I have checked the blog already. The favicons were generated from favicon generator (https://realfavicongenerator.net/) and then the images/icons were added to /etc/designs/{{LOC}} - which is being referred in head.html of Page component.

As I mentioned earlier, the icon is not coming fine on the same page, when it's coming from publisher OR I append wcmmode=disabled in author mode. It is happening specifically on Chrome browser - other browsers- it works fine.

Same favicons were used in one web application and there is no any issues. If any pointers to fix it, please let me know.

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

29-05-2018

Are you getting a 404 for the FAV icon in the browser?

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,153 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,279 likes

Total Posts

3,153 posts

Correct Reply

889 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

29-05-2018

Hi,

Please check favicon does not show in google chrome tabs or bookmarks?

if it helps.

Thanks

Arun

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,406 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

30-05-2018

I think this is a Chrome issue vs an AEM issue.

Avatar

Avatar
Give Back 5
Employee
shunnar
Employee

Likes

12 likes

Total Posts

46 posts

Correct Reply

10 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 10
Give Back
Boost 5
View profile

Avatar
Give Back 5
Employee
shunnar
Employee

Likes

12 likes

Total Posts

46 posts

Correct Reply

10 solutions
Top badges earned
Give Back 5
Give Back 3
Give Back 10
Give Back
Boost 5
View profile
shunnar
Employee

30-05-2018

Please make sure that the favicon node in the publishers has jcr:read access for the everyone group. Alternatively, place the favicon file directly on the cache folder and name it favicon.ico

Avatar

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile

Avatar
Validate 1
Level 2
ritendras648345
Level 2

Likes

4 likes

Total Posts

12 posts

Correct Reply

2 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Affirm 1
View profile
ritendras648345
Level 2

25-06-2018

Hi everyone. I found the fix to the issue. Actually, my colleagues have used a div tag inside head tag to check some conditions in order to load a script. DIV tag is not allowed in head tag. When I changed the DIV tag to Sly, favicons coming properly on all browsers.

So, I infer that the HTML structure should be proper and it can be ignored by other browsers and not by Chrome.

Thanks for providing valuable points.