Un point d'interrogation à la place du Favicon sur Safari IOS 10.2.1

[MG06]

Bonjour,

 

Impossible d'afficher le Favicon d'un site dans les favoris du navigateur Safari sur Iphone (copie d'écran en PJ) alors qu'avec Firefox ou Chrome pas de souci.

 

J'ai donc essayé sur d'autres sites qui utilisent la même version de Prestashop à savoir 1.6 et même constat un ? s'affiche au lieu du Favicon du site.

 

Le problème viendrait de la compatibilité de Safari IOS et de la version de Prestashop 1.6 car avec les versions antérieures c'est OK.

 

J'ai même rajouté des lignes dans le code source de mon site: www.paruresdebureau.com, mais rien n'y fait:

 

<link rel="apple-touch-icon" href="/img/icone.png"/>

<link rel="apple-touch-icon" sizes="16x16" href="/img/icone.png"/>

<link rel="apple-touch-icon" sizes="57x57" href="/img/apple-touch-icon-57x57.png"/>

<link rel="apple-touch-icon" sizes="57x57" href="/img/icone.png"/>

<link rel="apple-touch-icon" sizes="72x72" href="/img/icone.png"/>

<link rel="apple-touch-icon" sizes="114x114" href="/img/icone.png"/>

 

Merci de votre aide.

 

 

 

 

[sboule]

Bonjour,

J'ai le même problème. Avez vous trouvé la solution ?

[MG06]

Bonjour,

Non, ce problème n'est pas encore solutionné,

Je m'en remets aux développeurs de Prestashop qui s'ils lisent mon message pourront apporter une solution que nous sommes nombreux à attendre.

[GuillaumeCW]

http://realfavicongenerator.net/favicon_checker?protocol=https&site=www.paruresdebureau.com%2F#.WM8GocA1_IU

[decome2013]

Hello

Je relance ce sujet car je rencontre le même problème.

L'outil Realfavicon ne détecte aucune anomalie pour iOS et pourtant : point d'interrogation sur safari sur iOS en signet/favoris (je précise que l'icône d'ajout à l'écran d'accueil fonctionne correctement) :

https://realfavicongenerator.net/favicon_checker?protocol=https&site=www.decome-store.fr%2F#.W1g5jdUzaUm

De ce que je comprends, s'il n'y a pas de favicon, safari iOS affiche la première lettre du title en carré sur un fond de couleur. Or, s'il affiche le point d'interrogation, c'est qu'il trouve l'image/l'icône mais ne parvient à l'afficher. J'ai beau chercher, je n'en trouve pas la raison, quelqu'un aurait une idée ?

Edited July 25, 2018 by decome2013 (see edit history)

[ukoo_alex]

Bonjour à tous,

Je viens de passer des heures à chercher d'où peut provenir le problème sans trouver de solution... C'est dingue quand même, j'utilise les mêmes syntaxes sur tous nos thèmes sur différents CMS et je n'ai absolument aucun problème ! Le souci n'est que présent sur Prestashop (testé sur 1.6.1.13) et en plus uniquement pour l'ajout en favoris sur Safari iOS, si on veut ajouter le site à l'accueil sur iPhone/iPad l'icône apparaît bien. Je n'arrive pas à comprendre qu'elle est la chose qui peut générer ce genre de réaction dans Prestashop et faire comme si l'image retournait une erreur 404 alors qu'elle est bien présente sur le serveur et quand on l’appelle en direct elle s'affiche bien...
Après une journée de tests complets, vérification des htaccess, réécriture, chemins etc. je confirme que le problème n'est donc pas lié aux thèmes mais vient bien de Prestashop.

A l'aide messieurs les développeurs de Presta ! Vous n'avez aucune piste à nous fournir sur cette réaction vraiment spécifique a Presta ?

Merci d'avance.

 

[cyssoo]

Hello,

En fait Prestashop a prévu tout ça en vous suggérant de créer un child theme sur la version 1.7. Pour info, le souci se présentera sur n'importe quel CMS gérant mal ses favicons. Cela ne dépend en fait pas du CMS mais du thème utilisé (bah ouais, en fait c'est votre thème qui affiche le favicon)

Solution Prestashop 1.7 via un child ici =>

Après, avec le nombre d'appareils utilisés, à vous de trouver le meilleur "favicon generator" pour cela.

Concernant Prestashop 1.6, vous avez à disposition des variables pour ajouter peu ou prou tout ce que vous désirez, donc ajouter des favicons, c'est pas la folie non plus... Il faut que vous ajoutiez à la mano dans votre thème les liens vers les bons favicons, avec la bonne syntaxe, tout bêtement.

Liste des variables smarty Prestashop 1.6 :

https://www.team-ever.com/les-variables-smarty-de-prestashop/

Ah, et pensez à vider vos caches, celui de Prestashop comme vos navigateurs 🙂 

[Guizmotion]

Bonjour, j’ai le meme probleme et meme en mettant les lignes en dur dans le tpl ca n’affiche toujours pas l’icone dans les favoris safari sur l’iphone.

merci pour votre retour

[AGtrema]

Bonjour, désolé de déterrer le topic... 

Je me retrouve avec le même problème que mentionné précédemment, a savoir que mon favicon fonctionne sur safari sur mac, mais pas sur safari iPhone ... Et aussi avec cette étrangeté d'avoir un point d'interrogation a la place des initiales, comme si le png était présent mais non lisible ...

J'ai testé d'innombrables codes, plusieurs images, plusieurs format, toutes les dimensions, changé les nom, changé le nom du site, Je n'arrive pas a trouver de solution, peut être avez vous une piste ??

 

Merci !!!

Sur mac : 

 

 

Sur iPhone :