Add a Custom Favicon for Your Web Store

• System > Configuration > General > Design > HTML Head

Your Magento Go store is driven by a powerful templating system that allows you to fully control the look and feel of your web store. To make it easy for you to make the changes you want, Magento Go provides a set of easy-to-use design editors that allow you to set up and customize much of your store right from the Admin Panel, without editing any code. But for more advanced web designers, you can also create custom CSS files to control your store’s formatting directly to achieve exactly the look you want.

The favicon (short for favorite icon) is the little icon that appears in your browser window in the address bar next to the current page URL. The favicon also serves as the identifying icon for that page’s tab in your browser. This article will explain the steps needed to add your own custom favicon.

By default, the favicon for your Magento Go web store will be the Magento logo. Like everything else, however, you can change this.

How to add your own custom favicon:

Step One: Create your favicon

Favicons are very small images that are generally 16x16 pixels or 32x32 pixels in size. While some browsers support additional file types as favicons, the safest format is a .ico file. Many free favicon converter tools are available online to convert other, more common image types, like .pngs, .gifs, and .jpegs to the .ico format. Magento does not convert an image from other file formats to an appropriate one; therefore, the store administration needs to perform the file conversion prior to uploading an image file.

Create your 16x16 or 32x32 graphic in the image editor of your choice.

Use one of the available online tools to convert that to the .ico format that browsers require. (Google search for “favicon converter” to find one you like.) Move the resulting .ico file to your computer so you can upload it to the Magento Go servers. Your file must be named favicon.ico.

Step Two: Edit the configuration for your web store

1. In the Admin panel, select System > Configuration
2. Select the Design tab in the left column.
3. Click on the HTML Head bar to expand that panel.
4. In the Favicon Icon field, click the Browse... button to locate your favicon on your computer and upload it to Magento Go for this theme.
5. Click on the [ Save Config ] button in the upper right to upload your favicon and save your changes.

Step Three: Review your changes

Your new favicon should be immediately visible when you click the Refresh button on your frontend web store.