Автор Тема: Не отображается иконка в мобильном браузере  (Прочитано 56 раз)

09 Июнь 2018, 17:46:32
  • Старожил
  • ****
  • Сообщений: 286
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Не отображается иконка в мобильном браузере http://prntscr.com/jsyir3
при том что она есть в админке настройка шаблона иконки в закладках http://prntscr.com/jsyj52

и в браузере все норм. Только в мобиле((

Как лечить подскажите плиз???

PS 1.6.1.17
09 Июнь 2018, 19:57:38
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1242
  • Репутация: +15/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Для иконок нужно создавать разные размеры и код вставлять в  шаблон header.tpl.
Для мобильных под Adroid еще нужно создать файл manifest.json и в нем описать формы иконок
{
  "name": "Web Application Manifest Sample",
  "icons": [
    {
      "src": "launcher-icon-0-75x.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": 0.75
    },
    {
      "src": "launcher-icon-1x.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": 1.0
    },
    {
      "src": "launcher-icon-1-5x.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": 3.0
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": 4.0
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "landscape"
}
15 Июнь 2018, 20:58:44
Ответ #2
  • Старожил
  • ****
  • Сообщений: 286
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Для иконок нужно создавать разные размеры и код вставлять в  шаблон header.tpl.
Для мобильных под Adroid еще нужно создать файл manifest.json и в нем описать формы иконок
{
  "name": "Web Application Manifest Sample",
  "icons": [
    {
      "src": "launcher-icon-0-75x.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": 0.75
    },
    {
      "src": "launcher-icon-1x.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": 1.0
    },
    {
      "src": "launcher-icon-1-5x.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": 2.0
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": 3.0
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": 4.0
    }
  ],
  "start_url": "index.html",
  "display": "standalone",
  "orientation": "landscape"
}


спасибо огромное дружище!!

полную инфу нашел здесь https://dikmax.name/post/favicon/

все сделал, все работает!!