custom-header-image-1By default Zen Cart uses a blue banner in the header, but this image can easily be replaced with a custom image or banner for your webshop. 

In this tutorial we will guide you in changing your header image in zen cart, so you can customize your e-commerce website. 

Upload Your Header Image:

  1. Using FTP or File Manager upload your new header image to the folder location:
    /includes/templates/NAME OF YOUR TEMPLATE/images/  

    The 'NAME OF YOUR TEMPLATE' folder should be replaced with the actual name of your template's folder.

    Here is a link to an article that explains the directories in more detail.

 

Update Your stylesheet.css:

  1. Now using FTP or File Manager, locate the stylesheet.css, it should be located in this folder:
    /includes/templates/classic/css
  2. Edit the the stylesheet.css file and locate the following lines, the existing name of the header image is displayed in bold:

    #logoWrapper{
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:75px;
    }

  3. Replace the header_bg.jpg with the name of your new header image. 
    For example, the code should look similar to this after updating, the new name of the header image displays in bold:

    #logoWrapper{
    background-image: url(../images/custom-header-image.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:75px;
    }

    Save the changes you have made. 

    Congratulations, now you know how to replace the existing header image in Zen Cart with a custom image!

Did you find this article helpful?

Login to comment.

Your Opinion Matters

... but we need to know what you're thinking!

I'm John-Paul Briones, your friendly Community Support technician, and I wrote the article you're looking at now. I like to think it's perfect, but I'm sure you have some suggestions. Please, let me know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

Support Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.