Hi,
I've been trying to get my favicon to work but to no avail.
Things I have tried are:
1. I have favicon.png in my images/data folder and have selected in via the admin control panel.
2. uploaded favicon.ico to my site root and edited my header.tpl to include <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" />
Also tried option 2 with a png version of the icon.
The live source code on my homepage includes <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" /> in the head section and the file is there, but still it won't show up on IE8.
How can something so simple be so frustrating - any suggestions welcome.
Thanks
I've been trying to get my favicon to work but to no avail.
Things I have tried are:
1. I have favicon.png in my images/data folder and have selected in via the admin control panel.
2. uploaded favicon.ico to my site root and edited my header.tpl to include <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" />
Also tried option 2 with a png version of the icon.
The live source code on my homepage includes <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" /> in the head section and the file is there, but still it won't show up on IE8.
How can something so simple be so frustrating - any suggestions welcome.
Thanks
From my experience it's like that you just simply rename your png to .ico
you have to have some program like photoshop or something can save your favicon as an .ico file, otherwise the IE won't show your favicon.ico, but all others can show it, like firefox.
IE just wont show your PNG file.
or you can google it, there are alot of site can transfer those image to .ico file.
you have to have some program like photoshop or something can save your favicon as an .ico file, otherwise the IE won't show your favicon.ico, but all others can show it, like firefox.
IE just wont show your PNG file.
or you can google it, there are alot of site can transfer those image to .ico file.
Thanks Adu,
I thought you could just rename my png file to ico.
So I converted the png to ico via some online tool and I posted the newly created favicon.ico to the root of my site, and with <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" /> hardcoded in my header.tpl - still no joy.
I thought you could just rename my png file to ico.
So I converted the png to ico via some online tool and I posted the newly created favicon.ico to the root of my site, and with <link href="http://www.thehypnolounge.com/favicon.ico" rel="icon" /> hardcoded in my header.tpl - still no joy.
You did more than you needed to really. All you needed to do was in admin > settings > your store > image upload a file for the icon. As it states on it, "Icon: The icon should be a PNG that is 16px x 16px."
Works perfectly for my stores.
Works perfectly for my stores.
Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
That's possible. I haven't used IE in years.
Running Opencart v3.0.3.2 with multi-stores and the default template from https://www.labeshops.com which has links to all my stores.
Mine doesn't work at all. I did this in admin exactly as this says, and it doesn't work. I've also tried adding the <link> to the header.tpl, and still no go. What else could it be?? Mine doesn't show up in ANY browser....labeshops wrote:You did more than you needed to really. All you needed to do was in admin > settings > your store > image upload a file for the icon. As it states on it, "Icon: The icon should be a PNG that is 16px x 16px."
Works perfectly for my stores.
fyi,
you should add a second <link> line, with rel="shortcut icon" for IE compatibility
also, I recommend type="image/x-icon"
you should add a second <link> line, with rel="shortcut icon" for IE compatibility
also, I recommend type="image/x-icon"
Code: Select all
<link href="<?php echo $icon; ?>" rel="icon" type="image/x-icon" />
<link href="<?php echo $icon; ?>" rel="shortcut icon" type="image/x-icon" />
1) png favico,which used by opencart, isn't accepted by IE.so you have to make your ico favicon.
http://www.favicon.cc/ is a highly recommended site.
2) upload your ico favicon to your site.
3) replace <?php if ($icon) { ?>...<?php}?> section in header.tpl with the following codes.
it works fine for me.
BTW, adding 2 link tag specifying favicon doesn't work in IE 10.
http://www.favicon.cc/ is a highly recommended site.
2) upload your ico favicon to your site.
3) replace <?php if ($icon) { ?>...<?php}?> section in header.tpl with the following codes.
Code: Select all
<?php if ($icon) { ?>
<?php
$user_browser = $_SERVER['HTTP_USER_AGENT'];
if(strpos($user_browser,"MSIE")){?>
<link href="your-site/image/favicon?v=2" type="image/x-icon" rel="shortcut icon" />
<?php }else{?>
<link href="<?php echo $icon.'?v=2'; ?>" rel="shortcut icon" />
<?php }} ?>
BTW, adding 2 link tag specifying favicon doesn't work in IE 10.
Who is online
Users browsing this forum: No registered users and 49 guests