Magento – How to Change the Favicon
Posted by Antonio David | Posted in General | Posted on 13-04-2010
Tags: favicon, Magento, template, unique
2
Changing a Magento site’s favicon is one of the most frequently overlooked tasks. But it’s just as important as customizing the logo, implementing a unique theme, and changing email templates. Best of all, it’s the easiest thing to do. Once you have your favicon, it’s just a matter of uploading it to the right locations.
Where do I upload my favicon?
Traditionally, we used to be able to place the favicon in the web root and it would automatically be picked up by the browser. With Magento however, this “default web root” convention is overridden by new paths, as defined by two <link> tags in the document <head>. We can discover what those new paths are by simply looking at the page source.
Look for:
<link rel="icon" href="…" type="image/x-icon" /> and <link rel="shortcut icon" href="…" type="image/x-icon" />
These (look at the href) are where you should upload the favicon.
How come I can’t see my favicon?
There are a few reasons why, even after uploading your favicon to the aforementioned locations, you still see the default Magento favicon.
- Servers may cache favicons – If you’re running an Apache web server, try reversing these “Cache Your Favicon to Speed Up Your Site” steps.
- Browsers may cache favicons – Try viewing your site using a browser that hasn’t yet visited the site. If it works in a different browser, but not your original one, then you have a browser-cache issue. Since the process of clearing favicon cache varies from browser to browser, check out “Clear the Browser Cache to Display Your Favicon”.
