By 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:
- 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:
- Now using FTP or File Manager, locate the stylesheet.css, it should be located in this folder:
- Edit the the stylesheet.css file and locate the following lines, the existing name of the header image is displayed in bold:
- 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:
Save the changes you have made.
Congratulations, now you know how to replace the existing header image in Zen Cart with a custom image!