Surefire way to add favicon to Magento

by DJ on February 4, 2010

After trying half a dozen methods found on other blogs on how to get the favicon.ico to work on Magento, I decided to go my own route.  And, I found a way that worked for me (on my webhost, 1and1).

  1. Created my favicon as a transparent GIF that is 32×32 using Photoshop.
  2. Uploaded it to my skin or template directory via FTP or WebspaceExplorer.
  3. FTP to yourdirectory/app/design/frontend/default/default/template/page/html
  4. Edit head.phtml so that it looks for favicon.gif and the type will be “image/gif” e.g.
    <link rel="icon" href="<?php echo $this->getSkinUrl('favicon.gif') ?>" type="image/gif" />
    <link rel="shortcut icon" href="<?php echo $this->getSkinUrl('favicon.gif') ?>" type="image/gif" />
  5. Voila! Clear your browser and Magento cache and reload.  Your webhost may have a delay and you may have to wait several hours to a day.  Mine does.

Leave a Comment

Previous post:

Next post: