Anyone interested in a Favicon Tutorial?

[DrByte]

First I made the icon on Photoshop after finding a tutorial here:
http://www.photoshopsupport.com/tuto...r/favicon.html
and downloading a free icon-making Photoshop plugin from here:
http://www.telegraphics.com.au/sw/

Thanks for the tips on some resources to make favicons.

Next, I used an FTP program to upload the icon (named favicon.ico) to /var/www/html/shop

Finally I copied these two lines of code:

<link rel="icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />

and pasted these two lines into the file after line 27 in
/var/www/html/shop/includes/templates/CUSTOM/common/html_header.php

The rest of what you stated is automatically handled by Zen Cart without requiring edits to html_header.php

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

[cafman]

The rest of what you stated is automatically handled by Zen Cart without requiring edits to html_header.php

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

I thought so too, because I had read about it, but for some unknown reason the icon never showed up until I'd put the code in the header file. <shrug> I don't know what I was doing wrong, but it works now, so I'm happy!

[cafman]

Well, now I feel rather daft for having started this thread.

Don't know how I could have overlooked the Ultimate Zen Cart Favicon Tutorial at https://www.zen-cart.com/tutorials/index.php?article=52

I've re-vamped my own tutorial now, based on that really *good* tutorial, so I figured I'd better update this thread.

As Dr Byte pointed out, it is unnecessary to add those two lines of code to shop/includes/templates/CUSTOM/common/html_header.php

So don't add them. Just make sure you FTP your finished favicon to the root (ie: "public_html" or "httpdocs" etc) directory of your web server. Not your 'shop' folder where had I daftly put it.

After I had fixed these two issues my favicon showed up in Opera and IE, but not Firefox and Safari.

So it's back to the really *good* tutorial. Which advises:
QUOTE [If you wish to have each page setting the favicon data explicitly, you can simply open your /includes/languages/english/YOURTEMPLATE/meta_tags.php file and uncomment the define for FAVICON as shown:

// favicon setting
// There is usually NO need to enable this unless you wish to specify a path and/or a different filename
define('FAVICON', 'favicon.ico');

With that set, Zen Cart will explicitly mention the favicon settings on every page, automatically."] UNQUOTE

So I did that, and now my favicon shows up in Firefox but still not in Safari.
I've given up on getting it to show in Safari.

But I'm a lot happier with this result because it doesn't mess with the code in common/html_header.php

caf

[DrByte]

Many times if the browser isn't showing the icon just by visiting the site, if you bookmark the site, the icon will then show since it gets cached.

[cafman]

Thank you Dr B!