kitster79 Posted February 2, 2011 Report Share Posted February 2, 2011 Hi, I am having trouble displaying the favicon on a a particular page... http://customhcg.com/ebook/download.html As you can see from the path, this page is not in the root site folder, but I think I have pasted in the favicon code into the header of the page correctly and made sure that the path of the .ico file is sitting in the same folder as this html page. I'm stumped! I dont know why the Magento favicon is still showing. Thanks in advance for any help. Kit Quote Link to comment Share on other sites More sharing options...
Andrea Posted February 2, 2011 Report Share Posted February 2, 2011 Looking at the source, I find this path to the favicom the page is picking: http://customhcg.com/ebook/favicon.ico - and it's pink. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 3, 2011 Author Report Share Posted February 3, 2011 Hmm, I'm not quite sure what you mean Andrea. How did you find that path? The path I see when I view source code is just... <link rel="icon" href="favicon.ico" type="image/x-icon" /> ...which means its in the same folder as the html page itself, correct? ...and what are you seeing that's pink??? Thanks Kit Quote Link to comment Share on other sites More sharing options...
Andrea Posted February 3, 2011 Report Share Posted February 3, 2011 I viewed your page with Firefox - have the webdeveloper's toolbar installed - went to view source which shows me the code and that tells me it your link to your favicon is here: <link rel="icon" href="[url="view-source:http://customhcg.com/ebook/favicon.ico"]favicon.ico[/url]" type="image/x-icon" /> and once I click the hyperlink, I end up there : http://customhcg.com/ebook/favicon.ico - and when I click that link, I see the pink favicon. Quote Link to comment Share on other sites More sharing options...
BeeDev Posted February 3, 2011 Report Share Posted February 3, 2011 ...which means its in the same folder as the html page itself, correct? Correct. If you go down to a sub-folder page, the path of the favicon will change too. So it's good to just put the full absolute URL there, instead of a relative path. Oh and your favicon is Orange on my screen. Looks exactly like the Magento CMS favicon Quote Link to comment Share on other sites More sharing options...
newseed Posted February 3, 2011 Report Share Posted February 3, 2011 ...and if you don't see your favicon but everyone else does you may just need to clear your cache. In most cases IE seems to be the one that causes that. Sometimes just simply closing and opening your browser does the trick. There are two different lines of code that renders an icon: <link rel="shortcut icon" href="http://www.domain.com/favicon.ico"'>http://www.domain.com/favicon.ico" type="image/x-icon"> <link rel="icon" href="http://www.domain.com/favicon.ico" type="image/x-icon"> The second is the most common. I found that applying both rids of the problem of not having it display regardless if you clear your cache or not but I just don't think using the first one is necessary and is not required. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 7, 2011 Author Report Share Posted February 7, 2011 OK, no I'm really confused. I have changed the .ico path to an absolute path. When you view page source code and click on the .ico link....it clearly shows the correct favicon image (green leaf). But the page is still showing the Magento default favicon in the browser. Can anyone figure this out? I'm totally lost now. Quote Link to comment Share on other sites More sharing options...
Andrea Posted February 7, 2011 Report Share Posted February 7, 2011 I see the leave favicon now when I click on the link to your page. Have you refreshed? Quote Link to comment Share on other sites More sharing options...
Wickham Posted February 7, 2011 Report Share Posted February 7, 2011 (edited) Favicons can be in the root directory and also in a link in the page head section. In fact, a favicon should always be in the root directory and then you don't usually need it in the page head section link unless you want a different favicon for only that page. This link to the favicon.ico in your root directory http://customhcg.com/favicon.ico shows the Magento favicon, so change it in the root directory to your leaf icon (which must be called favicon.ico). Edit - it may take some time for a search engine to take the new favicon. http://www.thesitewizard.com/archive/favicon.shtml says "You don't need to upload one to every directory of your site if you don't want to waste space - simply put it in your root directory and the web browsers that support favicons will apparently locate it eventually." and "IE...tries to obtain that icon by first requesting for "favicon.ico" from the directory of your web page. If it cannot find such a file, it will try to obtain it from the root directory of your website" I found this which shows where to find the root dirctory when using a Magento theme:- http://www.magentocommerce.com/knowledge-base/entry/tutorial-changing-the-magento-favicon/ Edited February 7, 2011 by Wickham Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 7, 2011 Author Report Share Posted February 7, 2011 OK, I have done that. I changed the URL to look for the .ico fil in th website's root folder now (http://customhcg.com/favicon.ico'>http://customhcg.com/favicon.ico). The Magento favicon is STILL showing. As you can see if you go to the home page of this website (http://customhcg.com)....this is the correct favicon that is pulling up just fine for the home page but for some reason NOT for this page I am having problems with - even with changing the URL to the .ico file in the root folder (as you recommended). ??? Quote Link to comment Share on other sites More sharing options...
Wickham Posted February 7, 2011 Report Share Posted February 7, 2011 This url http://customhcg.com/favicon.ico still shows the Magento icon. I meant that you have to change the image uploaded into that directory because it's still the Magento image that I see in that link. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 7, 2011 Author Report Share Posted February 7, 2011 Wow, now I'm even more confused. I have uploaded the correct .ico file several times to the root folder. I have no idea why the Magento one is still showing. Could this be a bug or something in Magento? I'm sooooo confused! Quote Link to comment Share on other sites More sharing options...
Andrea Posted February 7, 2011 Report Share Posted February 7, 2011 When I click the link that Wickham posted, I see a cyan ball. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 7, 2011 Author Report Share Posted February 7, 2011 Interesting. That's what it should be. I'm seeing the Magento icon still. I have emptied my cache and refreshed my browser. What browser are you viewing in Andrea/Wickham? Quote Link to comment Share on other sites More sharing options...
Andrea Posted February 7, 2011 Report Share Posted February 7, 2011 I'm on Firefox. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 7, 2011 Author Report Share Posted February 7, 2011 I'm in Firefox also but still seeing the Megento Favicon. Aggggghhhh! I'm ready to beat my machine up! Quote Link to comment Share on other sites More sharing options...
falkencreative Posted February 7, 2011 Report Share Posted February 7, 2011 Sometimes favicons take a while to show up. Oftentimes (at least for me) completely closing my browser and then restarting it fixes things. Quote Link to comment Share on other sites More sharing options...
kitster79 Posted February 8, 2011 Author Report Share Posted February 8, 2011 Ah, after waiting a few hours, it finally showed up:) Strange, I wonder what causes this delay - unique to favicons it seems. Thanks everyone for your help. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.