Post by pkennedy1 » Sat May 12, 2012 3:48 pm

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

Newbie

Posts

Joined
Fri Apr 06, 2012 7:02 am

Post by adu » Sat May 12, 2012 4:01 pm

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.

adu
Newbie

Posts

Joined
Wed May 09, 2012 10:37 pm

Post by pkennedy1 » Sat May 12, 2012 7:16 pm

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.

Newbie

Posts

Joined
Fri Apr 06, 2012 7:02 am

Post by labeshops » Sat May 12, 2012 7:41 pm

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.

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.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by pkennedy1 » Sat May 12, 2012 7:50 pm

Thanks.

I can't see your favicon's either so it must be IE.
Cheers

Newbie

Posts

Joined
Fri Apr 06, 2012 7:02 am

Post by labeshops » Sat May 12, 2012 7:55 pm

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.


User avatar
Expert Member

Posts

Joined
Thu Aug 04, 2011 4:41 am
Location - Florida, USA

Post by adu » Mon May 14, 2012 4:32 pm

it should be good now, since i can see it by IE.
it takes time for IE to fresh your icon.

adu
Newbie

Posts

Joined
Wed May 09, 2012 10:37 pm

Post by wscribner » Fri Dec 28, 2012 4:05 am

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

Newbie

Posts

Joined
Tue Nov 13, 2012 2:53 am

Post by Renato Frota » Wed Feb 27, 2013 4:50 pm

fyi,

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

New member

Posts

Joined
Wed Aug 31, 2011 1:21 pm

Post by mason1939 » Tue Aug 20, 2013 1:31 am

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.

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 }} ?>
it works fine for me.

BTW, adding 2 link tag specifying favicon doesn't work in IE 10.

Newbie

Posts

Joined
Sun Aug 18, 2013 4:10 am
Who is online

Users browsing this forum: Amazon [Bot] and 148 guests