favicon

[F@rzad]

Hi

i can't change the favicon and when i want to change and select my favicon it told me i haven't the permission and it's really odd because i did it alot 

[cyssoo]

Yop, 

I don't think Prestashop Themes are really useful with favicons. It really depends on the theme you've chosen.

On Prestashop 1.6, you should use this favicon generator :

https://www.favicon-generator.org

This tool will give u some files and in an HTML file some URL

Method goes that way :

- upload favicons generated in /themes/img/favicons on /themes/yourtheme/img

- delete theses lines in header.tpl on your theme (/themes/yourtheme/header.tpl)

        <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
        <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />

- add theses lines instead (Prestashop 1.6) :

<link rel="apple-touch-icon" sizes="57x57" href="{$img_dir}/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{$img_dir}/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="{$img_dir}/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="{$img_dir}/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="{$img_dir}/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="{$img_dir}/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="{$img_dir}/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="{$img_dir}/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="{$img_dir}/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="{$img_dir}/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="{$img_dir}/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="{$img_dir}/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="{$img_dir}/favicon-16x16.png">
<link rel="manifest" href="{$img_dir}/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{$img_dir}/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

 

For Prestashop 1.7, use {$urls.img_url} instead of {$img_url}, folder is still on your theme (but in a different place).

Save, that's all. You'll have more that just Prestashop favicons. Depends on your current theme. Apple requires more than a simple favicon, or a Microsoft favicon.

However, you should ask your host provider for chmod or chown (means you have or haven't the right permissions to write into some folders, as old floppy disks). I think ur problem went from provider, or a bad Prestashop install/theme.

Do not worry for a simple favicon, you can simply force it on your theme (or child theme if u use PS 1.7, already seen this issue and solved it this way)

EDIT : i've made a tutorial based on classic theme, using custom favicons. You can read it here :

https://www.team-ever.com/prestashop-1-7-creer-un-theme-enfant-child-theme/

There's a classic child theme at the end of the tutorial. You will only have to upload your own favicons, and make sure favicon.ico is on your Prestashop root folder. 

Edited December 9, 2018 by cyssoo (see edit history)

[Prestashop Addict]

On PS 1.7 classic theme only accepts ".ico" files

[Juliard]

On 6/29/2018 at 10:29 PM, cyssoo said:

....

Method goes that way :

- upload favicons generated in /themes/img/favicons on /themes/yourtheme/img

...

Hi cyssoo,

thanks for the instruction, however I am experience difficulty to locate this folder: " /themes/img/favicons "

I don not have "/img" in folder "/themes", see attached screenshot.

Do I need to create folders "/img" and "/favicons" in /themes/"?

 Please advise.  (PS 1.6.1.22)

Thanks and Regards

Edited April 8, 2019 by Juliard (see edit history)

[P i l o u]

Bonjour,

C'est dans le dossier themes/yourtheme/img donc, dans ton cas, themes/zKid/img

[Juliard]

Hello P i l o u 

thanks!

This is what I have done:

1. uploaded all generated by website https://www.favicon-generator.org files to "themes/zKid/img"

2. changed lines in (/themes/yourtheme/header.tpl) as per advise from cyssoo above

Issues I am still having:

- when i am trying to add my website to favorites on iPhone or Samsung  - i do not see icons.

Any ideas why and what to do? May be the path to icons need to me modified ?

href="{$img_dir}

Edited April 8, 2019 by Juliard (see edit history)

[cyssoo]

Hi @Juliard

href does not include filename on your snippet. Please inspect your source code to be sure where {$img_dir} refers to.