Favicon Documentation

08 Dec 2006, 22:22

#1

New Zenner

Join Date:: Jan 2006
Posts:: 17
Plugin Contributions:: 1

Favicon Documentation

The last sentence in this section of the FAQ makes no sense to me. Add

// Favicon define('FAVICON_CODE',''. '');

after what?

When I placed it after

<link rel="shortcut icon" href="<?php echo FAVICON; ?>" type="image/x-icon" />

it did not reveal the favicon.

http://www.zen-cart.com/forum/faq.php?faq=template_customize#faq_create_new_template

#How do I get my favicon to show in Internet Explorer?

a. Create and place a favicon.ico file in the root directory of your web server

b. Use meta tags to make reference to the file.

i. In includes/languages/english.php, add the following code after the Custom Keywords section

// Favicon define('FAVICON_CODE',''. '');

ii. In includes/ templates/ YOUR_TEMPLATE/ common/ html_header.php, add after ” />

08 Dec 2006, 23:21

#2

tshooters

Totally Zenned

Join Date:: Dec 2005
Posts:: 1,037
Plugin Contributions:: 2

Re: Favicon Documentation

Try these instructions here for 1.3.5/1.3.6:

http://www.zen-cart.com/forum/showthread.php?t=45598&highlight=favicon

Be sure to make a copy of your includes/english/meta_tags.php to alter,
then upload it to your includes/english/custom_your_template folder.

Re-bookmark your page, and the favicon should appear.

09 Dec 2006, 05:16

#3

oxman

New Zenner

Join Date:: Jan 2006
Posts:: 17
Plugin Contributions:: 1

Re: Favicon Documentation

Thank you tshooters for your reply. Interesting matter this favicon is.

I found a comment here at the forums suggesting that I simply add an html tag for the favicon in common/html_header.php
It worked just fine.

15 Dec 2006, 18:24

#4

wolf99

Zen Follower

Join Date:: Sep 2006
Posts:: 169
Plugin Contributions:: 0

Re: Favicon Documentation

Just tried a fav icon and I had to modify tpl_header, html_header AND Metatags before it would show up in the address bar and bookmarks in FF2 (works in IE7 and opera as well :) )

15 Dec 2006, 22:54

#5

kim

Obaa-san

Join Date:: Jun 2003
Posts:: 26,564
Plugin Contributions:: 0

Re: Favicon Documentation

Perhaps you would share what those changes were? I have not had any trouble with Favicons showing in FF2.

18 Dec 2006, 16:23

#6

wolf99

Zen Follower

Join Date:: Sep 2006
Posts:: 169
Plugin Contributions:: 0

Re: Favicon Documentation

Sorry should have said in my last post, thanks for the reminder!

in metatags, I removed the '//' in front of the define favicon line

in tpl_header & html_header I added the standard '<link rel="shortcut icon" href="favicon.ico">'

18 Dec 2006, 19:38

#7

drbyte

Sensei

Join Date:: Jan 2004
Posts:: 63,506
Plugin Contributions:: 173

Re: Favicon Documentation

BTW - The FAQ has been updated, as it was out-of-date and applied to Zen Cart v1.2.x. It now talks about how to do it in v1.3.x

https://www.zen-cart.com/tutorials/index.php?article=52

29 Mar 2007, 22:36

#8

mattallam

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

wolf99:
Sorry should have said in my last post, thanks for the reminder!

in metatags, I removed the '//' in front of the define favicon line

in tpl_header & html_header I added the standard '<link rel="shortcut icon" href="favicon.ico">'

Sorry but could someone show me where exactly i need to add/change the above code in the relevant php.files

Ive got the favicon working firefox but not IE

Thanks in advance!:thumbsup:

30 Mar 2007, 05:43

#9

drbyte

Sensei

Join Date:: Jan 2004
Posts:: 63,506
Plugin Contributions:: 173

Re: Favicon Documentation

It probably works fine in IE if you bookmark the page.
This will cause the favicon image to be cached by IE and therefore available for display.

Go to your home page and press CTRL+D to bookmark it.

Here's a link to the most recent FAQ on this topic:
https://www.zen-cart.com/tutorials/index.php?article=52

30 Mar 2007, 13:36

#10

mattallam

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

Thanks for your reply DrByte but ive tried this and its still not coming up. ive also checked www.giftwrapuk.co.uk/favicon.ico in IE and the image isnt available. I know its not a massive thing but would like to know why its doesnt work.

Thanks again.

30 Mar 2007, 13:52

#11

drbyte

Sensei

Join Date:: Jan 2004
Posts:: 63,506
Plugin Contributions:: 173

Re: Favicon Documentation

Your image is 28x30 pixels, which is not a valid shape for an .ico file.
Also remember that .ico files are not .jpg or .gif ... they are .ico format (which I believe is akin to bitmap).

You want 16x16 or 32x32 pixel, saved in .ico format.

31 Mar 2007, 20:20

#12

nomadrip

Zen Follower

Join Date:: Feb 2007
Posts:: 87
Plugin Contributions:: 0

Re: Favicon Documentation

I've read that simple FAQ, made a 16x16 .ico image and uploaded to my root directory. Tried uncommenting the metatag php file, rebookmarking the page, and it is only visible in IE6 address bar, but nowhere in Firefox.

01 Apr 2007, 00:07

#13

nomadrip

Zen Follower

Join Date:: Feb 2007
Posts:: 87
Plugin Contributions:: 0

Re: Favicon Documentation

NomadRip:
I've read that simple FAQ, made a 16x16 .ico image and uploaded to my root directory. Tried uncommenting the metatag php file, rebookmarking the page, and it is only visible in IE6 address bar, but nowhere in Firefox.

Actually, that's not entirely true...it shows in Firefox on the admin page, just not the cart page :D

01 Apr 2007, 01:15

#14

nomadrip

Zen Follower

Join Date:: Feb 2007
Posts:: 87
Plugin Contributions:: 0

Re: Favicon Documentation

NomadRip:
Actually, that's not entirely true...it shows in Firefox on the admin page, just not the cart page :D

It only works on the SSL pages, that's what it is. :clap:

02 Apr 2007, 17:32

#15

mattallam

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

DrByte, still cant get it working in IE7. Im sort of giving up now and getting on with more essential parts of the site but thought id say thanks for the help anyway.

I went to http://www.html-kit.com/favicon/ (great site when working) and made a new improved favicon and an animated one as well which i thought was pretty impressive. Added animated_favicon1.gif (size: 16x16) to site at root and changed meta_tags file from favicon.ico to animated_favicon1.gif

Seems to be working fine on Firefox but again not on IE7. Just wondered if people with other browsers could check this out and give me some feedback. With regards to IE7..... i give up:wacko:. Maybe someone will read this and tell me what im doing wrong, if not its not the end of the world and im sure i can come back to it later and have another go.

Kind Regrads

Matt Allam
www.giftwrapuk.co.uk

14 Apr 2007, 20:23

#16

brodiegirl

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

Ahhhhh! I can't believe all I had to do was remove the // before

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

:clap:

16 Apr 2007, 15:52

#17

mattallam

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

Brodie Girl,

Did you get it working in IE? Mine works fine in Mozilla but nothing else? I think its something to do with it being a gif and not an .ico

Kind Regards

Matt Allam
www.giftwrapuk.co.uk

17 Apr 2007, 13:06

#18

brodiegirl

New Zenner

Join Date:: Nov 2006
Posts:: 27
Plugin Contributions:: 0

Re: Favicon Documentation

It does work in both, so it may be because of the .gif. Mine is a .ico. I found a tut somewhere, can't remember what the site was, for making the favicon. I just googled, "How to make a favicon".
I hope you get it figured out!

21 Apr 2007, 15:49

#19

lainee

New Zenner

Join Date:: Apr 2007
Posts:: 46
Plugin Contributions:: 0

Re: Favicon Documentation

I followed all the directions and I don't see a favicon in IE 7 either. I created the icon, edited all the files mentioned, book marked my site, still nothing.