I've just worked out how to get Favicons to show up in several browsers including IE. Favicons are those tiny icons you often see in address bars. Probably most people here already know how to do this, but everyone's been so helpful to me I wanted to give something back. I'll put a step by step tute up here if anyone's interested.
Caf
Results 1 to 8 of 8
-
19 Oct 2009, 12:47 PM #1
New Zenner
- Join Date
- Jul 2009
- Location
- Melbourne, Australia
- Posts
- 80
- Plugin Contributions
- 0
Anyone interested in a Favicon Tutorial?
-
19 Oct 2009, 03:08 PM #2
Totally Zenned
- Join Date
- Nov 2006
- Location
- Dartmouth, NS Canada
- Posts
- 2,378
- Plugin Contributions
- 0
Re: Anyone interested in a Favicon Tutorial?
Sure! There are lots of favicon tutorials on the web, but I'd be interested in seeing what may be unique to Zen Cart. So I'd like to read it.
Rob
-
20 Oct 2009, 05:14 AM #3
New Zenner
- Join Date
- Jul 2009
- Location
- Melbourne, Australia
- Posts
- 80
- Plugin Contributions
- 0
Re: Anyone interested in a Favicon Tutorial?
Okay, here it is.
FAVICON TUTORIAL
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/
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
It fits in like this:
23<head>
24<title><?php echo META_TAG_TITLE; ?></title>
25<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>" />
26<meta name="keywords" content="<?php echo META_TAG_KEYWORDS; ?>" />
27<meta name="description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
28<link rel="icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
29<link rel="shortcut icon" href="http://www.my-bookcafe.com/shop/favicon.ico" type="image/x-icon" />
30<meta http-equiv="imagetoolbar" content="no" />
31<meta name="author" content="The Zen Cart™ Team and others" />
32<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
And it works beautifully in Opera, IE, Firefox and Safari.
-
20 Oct 2009, 05:34 AM #4
Sensei
- Join Date
- Jan 2004
- Posts
- 66,443
- Plugin Contributions
- 279
Re: Anyone interested in a Favicon Tutorial?
Thanks for the tips on some resources to make favicons.
Originally Posted by cafman
The rest of what you stated is automatically handled by Zen Cart without requiring edits to html_header.php Originally Posted by cafman
Related FAQ: https://www.zen-cart.com/tutorials/index.php?article=52.
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.
-
22 Oct 2009, 08:38 AM #5
New Zenner
- Join Date
- Jul 2009
- Location
- Melbourne, Australia
- Posts
- 80
- Plugin Contributions
- 0
Re: Anyone interested in a Favicon Tutorial?
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! Originally Posted by DrByte
-
3 Nov 2009, 05:09 AM #6
New Zenner
- Join Date
- Jul 2009
- Location
- Melbourne, Australia
- Posts
- 80
- Plugin Contributions
- 0
Re: Anyone interested in a Favicon Tutorial?
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
cafhttp://www.my-bookcafe.com
Note to self: whenever you so much as dot an i or cross a t in ZenCart, *check how it looks in all browsers*. Until then it is *not safe* to think all is well!!!!
-
3 Nov 2009, 06:28 AM #7
Sensei
- Join Date
- Jan 2004
- Posts
- 66,443
- Plugin Contributions
- 279
Re: Anyone interested in a Favicon Tutorial?
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.
.
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.
-
4 Nov 2009, 02:09 PM #8
New Zenner
- Join Date
- Jul 2009
- Location
- Melbourne, Australia
- Posts
- 80
- Plugin Contributions
- 0
Re: Anyone interested in a Favicon Tutorial?
Thank you Dr B!
http://www.my-bookcafe.com
Note to self: whenever you so much as dot an i or cross a t in ZenCart, *check how it looks in all browsers*. Until then it is *not safe* to think all is well!!!!
Similar Threads
-
v150 Interested in Attributes based upon Attributes add-on - Anyone else interested?
By sports guy in forum All Other Contributions/AddonsReplies: 10Last Post: 16 Jun 2015, 05:52 AM -
v139h Anyone interested in integrating RMS v2?
By AnthonyRMS in forum General QuestionsReplies: 3Last Post: 16 Feb 2015, 01:36 AM -
Soccer Template? Anyone Interested?
By skipper in forum Addon TemplatesReplies: 5Last Post: 28 Jul 2006, 11:48 AM
