Jump to content
Gilmour74

Nezobrazuje logo na novej karte top stránky Firefox

Recommended Posts

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 ..??

logo.jpg

Share this post


Link to post
Share on other sites

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">

Share this post


Link to post
Share on other sites

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 ??

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More