Magento Community Edition, 1.9.x

Uploading Your Logo

The size of the logo in the header is determined by your theme. If your theme has a sample logo, right-click and download the logo to make sure the new logo is the same size.


Logo In Header

The logo image path points to its location on the server. What is actually a long path is entered as a short path that is relative to the theme. For example:

  • Actual path:

    skin/frontend/base/default/images/logo.gif

    Relative path:

    images/logo.gif

The header image filename is hard-coded into some theme files. If you change the name of the logo file, you will have to make updates to some source files. For non-programmers, the easiest approach is to use the default filename, “logo.gif,” and write over the existing file.

To change the logo:

1. On the server, copy your new logo file to the images folder of your theme. For example: skin/frontend/base/default/images/logo.gif
2. On the Admin menu, select System > Configuration. Then in the panel on the left under General, select Design.
3. If you have multiple stores or views, set the Current Configuration Scope in the upper-left corner to the store or view where the configuration applies. Then, clear the checkbox after each field so new values can be entered.
4. Click to expand the Header section. Then, do the following:
a. If the path or filename has changed, enter it in the Logo Image Src field.
b. In the Logo Image Alt field, enter the alt text for the image. If the configuration is for a different language view, enter the alt text in the appropriate language.
c. If your store uses a responsive theme, in the Small Logo Image Src field, enter the path to a version of the logo that is optimized for small devices.
5. When complete, click the Save Config button.