How to replace the ZenCart logo with your own
Replacing the ZenCart logo with your own is easy.

First, make sure you have named your logo to logo.gif
Now, using your FTP program, upload your logo into the /images folder to overwrite the default logo.
If you are using the default template, this folder will be located here:
yoursite/zencart/includes/templates/classic/images OR
yoursite/zencart/includes/templates/template_default/images
Your logo will now appear:

Alternatively, you can edit the header.php to edit the logo name and/or size.
If you are using the default template, this file will be located here:
yoursite/zencart/includes/languages/english/classic
After opening the file in Notepad or WordPad, look for this snippet of code:
// added defines for header alt and text
define(‘HEADER_ALT_TEXT’, ‘Powered by Zen Cart :: The Art of E-Commerce [home link]‘);
define(‘HEADER_SALES_TEXT’, ‘<h1>Sales Message Goes Here</h1>’);
define(‘HEADER_LOGO_WIDTH’, ’200px’);
define(‘HEADER_LOGO_HEIGHT’, ’70px’);
define(‘HEADER_LOGO_IMAGE’, ‘logo.gif’);
Replace “logo.gif” with your image name. Make sure you upload it to the /images folder before editing this file! You can also change the “height” and/or “width” to whatever you’d like.
I am going to assume that you ALSO want to remove the underlying header image:

There are three ways to do this:
- Simply delete the header image
- Replace the header image with one of your own by overwriting the current image
- Replace the header image with one of your own by editing CSS
Continue on to How to edit the ZenCart header image for directions.
Related tutorials that might interest you:
- How to edit the ZenCart header image
How to remove or change “Sales Message Goes Here”
Changing header in ZenCart using Dreamweaver, CSS
How to change the logo in osCommerce
How to change the background color in ZenCart
Tags: ZenCart, ZenCart Logo


