Nezobrazuje logo na novej karte top stránky Firefox

[Gilmour74]

Zdravím,

 

vedeli by ste mi poradiť prečo nezobrazuje logo mojej stránky na novej karte top stránky prehliadača Firefox..? Favicon.ico na novej karte zobrazuje, ktorý má veľkosť 32x32 px.

Druhý eshop ktorý zobrauje logo na novej karte aj na top stránkach Firefox, favicon.ico 225x225 px. Neviem pretransformovať favicon na iný rozmer ako 32x32 px.

Vedeli by ste mi poradiť kde môže byť chyba, prečo mi eshop nezobrazje logo na novej karte firefox ako top stránky ..??

[Caleydon]

Favicon .ico sa zobrazije iba v bookmarkoch a zalozke prehliadaca. Pre zobrazenie napr. v mobilnych zariadeniach alebo v uvode prehliadaca sa zobrazuju ine ikony, ktore treba jednak vytvorit a zaroven vlozit do kodu eshopu odkazy na tieto ikony. Mozes pouzit napr. nastroj https://www.favicon-generator.org/ kde nahras ikonu v rozmere aspon 512x512px. Stranka ti vygeneruje rozne rozmery ikon, ktore si ulozis na FTP, napr do /img/icons/

Do sablony, kde je hlavicka PrestaShopu potom vlozis (tam, kde su nalinkovane favicony):

  <link rel="apple-touch-icon" href="{$urls.img_ps_url}icons/apple-icon.png">
  <link rel="apple-touch-icon" sizes="57x57" href="{$urls.img_ps_url}icons/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="{$urls.img_ps_url}icons/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="{$urls.img_ps_url}icons/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="{$urls.img_ps_url}icons/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="{$urls.img_ps_url}icons/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="{$urls.img_ps_url}icons/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="{$urls.img_ps_url}icons/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="{$urls.img_ps_url}icons/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="{$urls.img_ps_url}icons/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="16x16" href="{$urls.img_ps_url}icons/android-icon-16x16.png">
  <link rel="icon" type="image/png" sizes="32x32" href="{$urls.img_ps_url}icons/android-icon-32x32.png">
  <link rel="icon" type="image/png" sizes="36x36" href="{$urls.img_ps_url}icons/android-icon-36x36.png">
  <link rel="icon" type="image/png" sizes="48x48" href="{$urls.img_ps_url}icons/android-icon-48x48.png">
  <link rel="icon" type="image/png" sizes="72x72" href="{$urls.img_ps_url}icons/android-icon-72x72.png">
  <link rel="icon" type="image/png" sizes="96x96" href="{$urls.img_ps_url}icons/android-icon-96x96.png">
  <link rel="icon" type="image/png" sizes="144x144" href="{$urls.img_ps_url}icons/android-icon-144x144.png">
  <link rel="icon" type="image/png" sizes="192x192" href="{$urls.img_ps_url}icons/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="256x256" href="{$urls.img_ps_url}icons/android-icon-256x256.png">
  <link rel="icon" type="image/png" sizes="384x384" href="{$urls.img_ps_url}icons/android-icon-384x384.png">
  <link rel="icon" type="image/png" sizes="512x512" href="{$urls.img_ps_url}icons/android-icon-512x512.png">
  <link rel="icon" type="image/png" sizes="32x32" href="{$urls.img_ps_url}icons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="{$urls.img_ps_url}icons/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="{$urls.img_ps_url}icons/favicon-16x16.png">
  <meta name="msapplication-square70x70logo" content="{$urls.img_ps_url}icons/ms-icon-70x70.png">
  <meta name="msapplication-square150x150logo" content="{$urls.img_ps_url}icons/ms-icon-150x150.png">
  <meta name="msapplication-wide310x150logo" content="{$urls.img_ps_url}icons/ms-icon-310x150.png">
  <meta name="msapplication-square310x310logo" content="{$urls.img_ps_url}icons/ms-icon-310x310.png">
  <meta name="msapplication-TileImage" content="{$urls.img_ps_url}icons/ms-icon-144x144.png">

[Gilmour74]

Vygeneroval som všetky veľkosti a typy obrázkov, vložil cez FTP do zložky "img", vymazal vyrovnávaciu pamäť PS aj Firefox a stále nezobrazuje. Treba niečo premenovať aj v header.tpl..??

Viem že na jednej statickej stránke mi ťahalo logo na top stránky Firefox.

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

apple-touch-icon.png  veľkosť  128x128 px

Obidva eshopy ktoré sú na obrázku som vytváral ja. Logá som vkladal rovnako cez administráciu vygenerované favicon.ico. Jeden web zobrazuje top stránky a žiadne iné ikony v "img" nie sú len favicon.ico ale má rozmer 225x225 px. Druhý web ktorý nezobrazuje logo v top stránkach má favicon.ico rozmer 32x32 px. Nemôže byť problém napr. vo veľkosti základného obrázku z ktorého som generoval favicon.ico ??

 

[Caleydon]

header.tpl v PrestaShop 1.6. a starsie. head.tpl v PrestaShop 1.7.