Full scale favicon work needs to be placed into <head> secti

**GK User** Sat May 16, 2015 10:50 pm Reply with quote Report this post

Hi there, it's me again... )))
I've worked through with all the different versions of favicon that are needed now with all these ios, droid, wphone and desktops, so quite a few different versions are needed and this code:

Code: Select all: <link rel="apple-touch-icon" sizes="57x57" href="http://bozhenko.guru/images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="http://bozhenko.guru/images/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="http://bozhenko.guru/images/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="http://bozhenko.guru/images/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="http://bozhenko.guru/images/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="http://bozhenko.guru/images/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="http://bozhenko.guru/images/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="http://bozhenko.guru/images/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="http://bozhenko.guru/images/favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="http://bozhenko.guru/images/favicons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="http://bozhenko.guru/images/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="http://bozhenko.guru/images/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="http://bozhenko.guru/images/favicons/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="http://bozhenko.guru/images/favicons/manifest.json"> <link rel="shortcut icon" href="http://bozhenko.guru/images/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#603cba"> <meta name="msapplication-TileImage" content="http://bozhenko.guru/images/favicons/mstile-144x144.png"> <meta name="msapplication-config" content="http://bozhenko.guru/images/favicons/browserconfig.xml"> <meta name="theme-color" content="#ffffff">

needs to be placed into the <head> section. So, which file should I add it to or if there's any way to plug it in from the admin panel of the site? Thanks!

**GK User** Sun May 17, 2015 8:53 am Reply with quote Report this post

We have a generic touch icon support but it is not even close to what you need.
Please edit file:
templates/gk_john_s/layouts/default.php
and remove line:

Code: Select all: <?php $this->layout->addTouchIcon(); ?>

replacing it with your code.

**GK User** Sun May 17, 2015 8:55 am Reply with quote Report this post

Ps, general touch image can be set in template settings, features section.

**GK User** Sun May 17, 2015 12:47 pm Reply with quote Report this post

Cyberek wrote:We have a generic touch icon support but it is not even close to what you need.

Just a thought - the whole thing is developing toward that direction. The very idea of responsive layout is about mobile devices to view sites. And all your templates ARE responsive! So, what if it's time to think about full scale support of the whole range of favicons?

Thank you for advice, will try to replace that code during the weekdays and will let you know how that worked!

**GK User** Sun May 17, 2015 10:29 pm Reply with quote Report this post

Cyberek wrote:Please edit file:
templates/gk_john_s/layouts/default.php
and remove line:

replacing it with your code.

Thanks, it worked!

**GK User** Thu May 21, 2015 9:37 pm Reply with quote Report this post

Ok... and thanks for the idea, I'll provide it to our devteam.