Favicon front office problem

[BM_]

Hi!

I know the Favicon issue has been asked to death, as I prefer to search before posting here, but I cannot for the life of me figure out the Favicon.  I'm updating my shop from 1.4 to 1.6.1.16, nearly everything else is working at the moment - a couple more bugs to fix.

 

But for some reason I cannot get the Favicon to show up in my front office.  I have tried to install it through Preferences->Themes and then uploading it through the theme.  For the first couple days it didn't work at all.  Now it shows up in my back office tabs but still not front office.

I looked through tons of questions about favicon in the forum, and many suggested deleting and reuploading through FTP, which I also tried to no avail.

What can I do to get this to work finally?

[BonPresta]

Hello,

 

Can in the browser in the cache you have,

Give a link to the site to see

[BM_]

Hi! My shop is currently in maintenance mode, if you really think you can help, I can whitelist if looking at the shop really helps.  Or let me know if there is some code you need to see?

[BonPresta]

I thought that you had cached files, and you just need to clean the cache

[BM_]

I understand.  I have cleared cache via the back office and on my browsers and it didn't help.

Is there an easier way?  In the old PrestaShop, I would clean the cache in tools->smarty->compile, but it's no longer there, so I clear through the back office.  This is the only thing which cache didn't clear up.

[Scully]

There is not a simple answer... because the main question is WHICH favicon are you looking for? The browsers handle the icons very differently. It makes difference if you use Edge, Firefox, mobile Safari and so on. I have managed to have all with the exception of the iOS deivces where the icon does not work for safari favorites.

 

Spoken for prestashop only, I have also noticed the favicon shown from the backend is placed at some different path than the one from the front office. These are my files for different operating systems and browsers for the front office.

favicon.ico
favicon.png
favicon-160x160.png
favicon-192x192.png
favicon-32x32.png
win8-tile-150x150.png
win8-tile-310x310.png
win8-tile-144x144.png
win8-tile-310x150.png
win8-tile-70x70.png
favicon-16x16.png
favicon-196x196.png
favicon-96x96.png
apple-touch-icon.png
apple-touch-icon-152x152.png
apple-touch-icon-57x57.png
apple-touch-icon-152x152.png
apple-touch-icon-120x120.png
apple-touch-icon-76x76.png
apple-touch-icon-precomposed.png
apple-touch-icon-72x72.png
apple-touch-icon-180x180.png
apple-touch-icon-60x60.png
apple-touch-icon-144x144.png
apple-touch-icon-128x128.png
apple-touch-icon-114x114.png

As mentionned - my setup does not work for apple devices when storing the icons to the safari favorites bookmarks. There I get the "?" prestashop question mark image like a product image not found. It works however when storing the link to the home screen.
 

There are many favicon generators out in the web. Look for one and make it easier.

Edited August 18, 2017 by Scully (see edit history)

[BM_]

Hi there, in the end after reading dozens and dozens and dozens of threads, I finally stumbled upon the answer.  In my shop's database was a listing for a favicon jpg.  I deleted this entry and voila!

Thanks for replies!  Store is now ready to launch!

[Scully]

This looks interesting to me. Thanks for the feedback. I will rush to look into my database. Found - it's named favicon.ico which would be the most common used name. However using only one file might not work on serveral browsers.

Edited August 18, 2017 by Scully (see edit history)