Home > Magento Tutorials > Changing your Magento Favicon

Changing your Magento Favicon

Posted on: 25th May 2010 By: Robert Kent 3 Comments

Its something that is so small yet so significant. The favicon. The label of your store. The identity of your website hangs on this small 16×16 square image. Without it you are nothing but a default magento website.

This tutorial will show you how to swap your favicon on your store in the 1.4.0.1 version of magento. It’s really easy and only requires a few small file replacements. Here’s how you do it…

First of all, get yourself a nice favicon – you can do this in many different ways and the most commonly used favicon is based on the website logo. This is a good choice as the logo IS your website. To get a favicon either make one yourself in photoshop or go to http://www.favicon.cc/ where you can make and download one online.

Once made you should copy your favicon.ico and paste it into the following places (overwriting as you go):

/ (Your root layer)

/skin/adminhtml/default/your theme/

/skin/frontend/base/yourtheme/

If you paste it into those following areas and upload you should see that your favicon is now active and working like a treat!

Thanks for visiting ecommerce website design and our Magento blog

3 Responses to “ Changing your Magento Favicon ”

  1. Richard
    #1 | 20th February 2011

    Just what I was looking for, took less than five minutes to make the favicon and add it to the site. Thanks…

  2. Robert Kent
    #2 | 22nd February 2011

    No Worries Richard,

    Just a quick note -It’s not easier in the later versions of magento – simply use the inbult favicon upload bar in your admin section: system>design>HTML head

  3. Istvan Nonn
    #3 | 19th April 2011

    Hy Robert,
    how can I change favicon at the page source? If I look on to the page source show my favicon, but in a few seconds appears the magento favicon.

    Thanks

Post A Comment

Your comments:
Enclose code snippets within the appropriate tags: [php][/php]   [js][/js]   [xml][/xml]   [css][/css]   [html][/html]
E.g: [php]<?php echo "hello world"; ?>[/php]

Search Blog

Archives

For the record...

Views & opinions in this blog are those of the individual and do not necessarily reflect those of E-commerce Web Design or the Creare Group.