We will be doing some site maintenance and need to take the site down for 10 minutes.

Site will go down at 19:00 UTC

Forums / General Questions / where's favicon?

where's favicon?

Locked

Started by sjk1000 on 22 Nov 2008, 11:10 AM · Views: 4,366

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
22 Nov 2008, 11:10 AM
#1
sjk1000 avatar

sjk1000

New Zenner

Join Date:
Sep 2008
Posts:
100
Plugin Contributions:
0

where's favicon?

Hi All
Can someone tell me how to get the favicon.ico to show (in any browser) please. I don't have access to the root so if I placed it in catalog/ what would the Define look like in metatags? Is it this?

define('FAVICON', DIR_WS_CATALOG.'favicon.ico');

Thanks, Steve

22 Nov 2008, 12:02 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: where's favicon?

Your question suggests that you have read the FAQ on this topic. It is referring to your site's root folder (i.e. the with the admin, includes, images, etc folders), not the server root. It would be extremely unlikely that you don't have access to this. That's also where the browsers will look for it.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

22 Nov 2008, 1:23 PM
#3
sjk1000 avatar

sjk1000

New Zenner

Join Date:
Sep 2008
Posts:
100
Plugin Contributions:
0

Re: where's favicon?

Hi Kuroi
Thanks for the help. After you clarified that I should be using the site root, a combination of deleting the bookmark, clearing private data and restarting the browser eventually solved it in Firefox. Similarly with Internet Explorer.
Cheers,
Steve

22 Nov 2008, 1:28 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: where's favicon?

Good to hear. :thumbsup:

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

11 Dec 2008, 9:58 PM
#5
richcolour avatar

richcolour

New Zenner

Join Date:
Dec 2007
Posts:
24
Plugin Contributions:
0

Re: where's favicon?

A restart of the browser makes it work :smile:

------------------------------------------------------------
I sell plain black and colourful T-shirts thanks to Zen Cart

11 Dec 2008, 10:01 PM
#6
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: where's favicon?

... depends upon the browser and even the version of the browser.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

25 Dec 2008, 5:55 PM
#7
sawhorse avatar

sawhorse

Zen Follower

Join Date:
Oct 2007
Location:
Kentucky - USA
Posts:
425
Plugin Contributions:
0

Re: where's favicon?

I am unable to animate my favicon.

It is my understanding that in Firefox you can have an animated gif favicon. I also understand that in IE this animation is not yet possible.

First, I placed a new file called animated_favicon.gif in my root where my favicon.ico is also located.

Next, I thought that I could simply add an additional line in my html_header.php and the animated gif would show in FF.  However, this was not the case.

Below are the particulars:

File location: Includes/templates/MY TEMPLATE/common/html_header.php

Location of attempted code addition: - about Line 34

Original code```php
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>


    **Added code **```php
    <?php if (defined('FAVICON')) { ?>
    <link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
    <link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
    <!-- added animated favicon gif -->
    <link rel="icon" href="animated_favicon.gif" type="image/gif" >
  <?php } //endif FAVICON ?>
```
    Has anyone had any luck with making their favicon animate?
  
  Thanks
  Sawhorse

ZC 1.3.8a; Addons: Admin Profiles, Ty Package Tracker; Swap Images via MouseOver or Click, Smart Backgrounds; Printable Price List; CSS buttons; Contact Us - Add Subject; Template: Self Constructed; Site: http://sawhorsejewelry.com

25 Dec 2008, 6:26 PM
#8
sawhorse avatar

sawhorse

Zen Follower

Join Date:
Oct 2007
Location:
Kentucky - USA
Posts:
425
Plugin Contributions:
0

Re: where's favicon?

I believe I have the answer. Using information found in the following thread http://www.zen-cart.com/forum/showthread.php?t=107099&highlight=animate+favicon I was able to animate my favicon.

First, go to includes/languages/english/MY_TEMPLATE/mets_tags.php at about line 63 you will see the following:

Original code:php // favicon setting // There is usually NO need to enable this unless you need to specify a path and/or a different filename define('FAVICON','favicon.ico'); replace/add code:```php
// favicon setting
// There is usually NO need to enable this unless you need to specify a path and/or a different filename
define('FAVICON','favicon.ico');
define('FAVICON2','animated_favicon.gif');

[/SIZE]Location of code addition: - about Line 34 
  
  **Original code**```php
<?php if (defined('FAVICON')) { ?>
<link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />
<?php } //endif FAVICON ?>

replace/add code:```php

<?php if (defined('FAVICON')) { ?> <link rel="icon" href="<?php echo FAVICON; ?>" type="image/x-icon" /> <link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" /> <!-- added animated favicon gif --> <link rel="icon" href="<?php echo FAVICON2; ?>" type="image/gif" /> <link rel="shortcut icon" href="<?php echo FAVICON2; ?>" type="image/gif" /> <?php } //endif FAVICON ?>

Sawhorse

ZC 1.3.8a; Addons: Admin Profiles, Ty Package Tracker; Swap Images via MouseOver or Click, Smart Backgrounds; Printable Price List; CSS buttons; Contact Us - Add Subject; Template: Self Constructed; Site: http://sawhorsejewelry.com

26 Dec 2008, 3:17 AM
#9
sawhorse avatar

sawhorse

Zen Follower

Join Date:
Oct 2007
Location:
Kentucky - USA
Posts:
425
Plugin Contributions:
0

Re: where's favicon?

Ok, everything works in FF but now I have lost the favicon in IE.

I just now remove the animated gif (committed out) in both includes/languages/english/MY_TEMPLATE/mets_tags.php and includes/templates/MY TEMPLATE/common/html_header.php but still no favicon in IE. I believe I had it before but not now.

I have rebooted. Just to clear everything and still no favicon in IE.

Do you have any thoughts?

Sawhorse

ZC 1.3.8a; Addons: Admin Profiles, Ty Package Tracker; Swap Images via MouseOver or Click, Smart Backgrounds; Printable Price List; CSS buttons; Contact Us - Add Subject; Template: Self Constructed; Site: http://sawhorsejewelry.com

26 Dec 2008, 4:07 AM
#10
sawhorse avatar

sawhorse

Zen Follower

Join Date:
Oct 2007
Location:
Kentucky - USA
Posts:
425
Plugin Contributions:
0

Re: where's favicon?

After some research, I have come to the conclusion that it was my IE that was the problem and not ZC.

This problem seems to be a relatively common one.

I now have both my FF & IE seeing the correct favicon.

I believe that one must clear out all of your temporary IE internet files, etc...... Then close and then reopen your IE. If you already have your site saved in your favorites, the favicon will NOT show up until you close and reopen internet explorer!

Since I tried a number of things to get my favicon showing in IE the above discussion is my best guess.

Sawhorse

ZC 1.3.8a; Addons: Admin Profiles, Ty Package Tracker; Swap Images via MouseOver or Click, Smart Backgrounds; Printable Price List; CSS buttons; Contact Us - Add Subject; Template: Self Constructed; Site: http://sawhorsejewelry.com

26 Dec 2008, 5:44 AM
#11
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: where's favicon?

You always have to clear your browser cache when changing favicon images/settings. Especially in IE.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

10 Aug 2009, 6:54 AM
#12
cybagirl avatar

cybagirl

Zen Follower

Join Date:
Jul 2009
Posts:
119
Plugin Contributions:
0

Re: where's favicon?

Thanks Sawhorse your code works great!

Now I have my animated favicon working with ZenCart :).

Also if anyone is interested here is a great site in which you can create your own working animated Favicon.

http://www.chami.com/html-kit/services/favicon/

You can also create a static Favicon from the above site as well.

11 Aug 2009, 2:28 AM
#13
sawhorse avatar

sawhorse

Zen Follower

Join Date:
Oct 2007
Location:
Kentucky - USA
Posts:
425
Plugin Contributions:
0

Re: where's favicon?

Glad it worked for you. And thanks for the site.

Sawhorse

ZC 1.3.8a; Addons: Admin Profiles, Ty Package Tracker; Swap Images via MouseOver or Click, Smart Backgrounds; Printable Price List; CSS buttons; Contact Us - Add Subject; Template: Self Constructed; Site: http://sawhorsejewelry.com

27 Aug 2009, 12:04 AM
#14
newbie76 avatar

newbie76

Zen Follower

Join Date:
Aug 2009
Posts:
100
Plugin Contributions:
0

Re: where's favicon?

I used freefavicon for mine, can choose if you want animated or not, if you do animated you get both in the download anyway :)

This worked for firefox but not for IE (or do the still not support animated favicons?)

Anyway, thanks for the info on getting it working!