Post
by artcore » Thu Aug 04, 2016 6:40 pm
I think this is about all the different favicons. IOS uses a manifest.json for the touch icons.
You can generate favicons for all devices at several sites like favicomatic . com and add it to your head in common/header.tpl for your theme
It would like this for example
Code: Select all
<link rel="apple-touch-icon" sizes="57x57" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="catalog/view/theme/whmocs/assets/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="catalog/view/theme/whmocs/assets/favicon/catalog/view/theme/whmocs/assets/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="catalog/view/theme/whmocs/assets/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="catalog/view/theme/whmocs/assets/favicon/catalog/view/theme/whmocs/assets/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="catalog/view/theme/whmocs/assets/favicon/catalog/view/theme/whmocs/assets/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="catalog/view/theme/whmocs/assets/favicon/manifest.json">
<meta name="apple-mobile-web-app-title" content="your site">
<meta name="application-name" content="your site">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="catalog/view/theme/whmocs/assets/favicon/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
Attn: I no longer provide OpenCart extensions, nor future support - this includes forum posts.
Reason: OpenCart version 3+ 
Thanks!