How do I change the Logo to my own?

I'm using Zen Cart 1.3.8a.1

How do you change the Zen cart header logo?

I followed these instructions precisely and nothing has changed!!!

https://www.zen-cart.com/tutorials/index.php?article=125

I honestly do not know what I am doing wrong. I uploaded a new logo, different size and same file name. And then changed the width and height etc in my header file and then uploaded that.

I refreshed the page to my store and nothing! No change whatsoever.

I thought this would be easy to do but its proving a nightmare.

Need help.

Can you provide your site's URL ?

schoolboy:

Can you provide your site's URL ?

w w w . j e r e m y h o o r n s t r a . c o m / s t o r e

According to the HTML source of your zc installation, you are still using the CLASSIC template.

Have you set up your CUSTOM template yet?

schoolboy:

According to the HTML source of your zc installation, you are still using the CLASSIC template.

Have you set up your CUSTOM template yet?

Nope. How do you do that?

When you install zencart for the first time, it uses the CLASSIC template as the "default".

While many people retain this CLASSIC template and make all their customizations within that template, it is not a good idea to do so, for a variety of reasons - mainly because of the usefulness of CLASSIC as being a diagnostic environment when you start to (later on) make some heavy changes to your site.

So, zencart has a clever "over-rides" system, which allows users to make these additions and alterations WITHOUT changing what are knows as the CORE CODE files.

Setting up your CUSTOM template is one of the first things you should do, and the process is actually quite straight-forward.

If you look in your zencart installation on your server, open the includes folder...

Then, inside includes, you will see:

languages
modules
templates

Opening each of these in turn, (and going ever-deeper into the folders), you will see (in a lot of places), a folder called classic .

These classic folders are the locations for the php code that operate the classic template set-up.

What may surprise you however, is that while these classic folders exist in many places, a LOT of them contain NO FILES!

(Part Two to follow... telephone has just rung! :laugh: )

(someone trying to sell me double-glazing :censored: )

To continue...

While many of these classic folders are empty, their LOCATION in the directory structure serves as an important guide to where your corresponding custom folders must reside.

Why are some of them empty, if they are so important?
If a classic folder is empty, it simply means that no over-ride file exists for that folder locality (purpose), and the site will revert to the relevant CORE file instead. More about this later.

Well, you will also see a folder called template_default in the:-

includes/templates folder

Here, you will again see a **classic **folder...

Now, you should be ready to read the following:-

https://www.zen-cart.com/tutorials/index.php?article=142

When you have read through:

https://www.zen-cart.com/tutorials/index.php?article=142

You should be better able to construct your first CUSTOM template.

Let's say you decide to call your CUSTOM template: jeremy1

The first thing you do is make a folder called jeremy1 at the following level

includes/templates/

so you have

includes/templates/jeremy1

Now, inside includes/templates/classic

you will see a PHP file called: template_info.php

Make a COPY of it, and put that copy in:

includes/templates/jeremy1

so you have:

includes/templates/jeremy1/template_info.php

Then, using a plain text editor, open it for editing. The code will look like this:-

<?php
/**
 * Template Information File
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: template_info.php 4226 2006-08-24 02:23:25Z drbyte $
 */
$template_name = 'Classic Contemporary Green';
$template_version = 'Version 1.3.5';
$template_author = 'Zen Cart Team (c) 2006';
$template_description = 'This template set is designed to be easily modified using only the style sheet to change colors, fonts, and the store logo. Three images are required; logo.jpg, header_bg.jpg, and tile_back.gif.';
$template_screenshot = 'scr_template_default.jpg';
?>

Change it to look like this:

<?php
/**
 * Template Information File
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: template_info.php 4226 2006-08-24 02:23:25Z drbyte $
 */
$template_name = 'Jeremy1';
$template_version = 'Version 1.3.8a';
$template_author = 'Jeremy 2009';
$template_description = 'This is Jeremys first custom template.';
$template_screenshot = '';
?>

SAVE the file.

The next step is to get the basics into your new template, so you will need to "mirror" what is going on in the classic folders.

This means you will need (at this point) at least the css folder and the images folder in your new custom template directory. (see inside includes/templates/classic/ and you can even "clone" or copy the **css **and images folders for now, to put into your custom folder.

Then... navigtate through ALL the folders in:-

includes/languages
includes/modules

... and WHEREVER you see a folder called classic, create a NEW folder at the same level, called jeremy1

This is the first stage of your custom template now complete.

Go back to:

https://www.zen-cart.com/tutorials/index.php?article=142

To see how you select your new template in the admin panel.

At this point, you are UNLIKELY to see any difference between the classic template, and your new template... :shocking:

Why? ...

Because the CSS and IMAGES your new template are using are still the DEFAULT ones - used by classic (remember... we COPIED the css and images folder from classic to use in our new template).

BUT... even though they LOOK the same right now, once you have chosen jeremy1 as your new template, THIS is where all your customisations will go.

So, the first job is to get your logo in there:

Your logo (logo.gif) then needs to be FTP'd to:
**
includes/templates/jeremy1/images**

so you get

includes/templates/jeremy1/images/logo.gif

That's will be your first customization.

Then, to alter STYLES, you will edit the stulesheets in
**
includes/templates/jeremy1/css**

Okay, the help is much appreciated.

I've done pretty much everything you said I think. See my shop link to view.

Now i'm stuck though. I've got an images folder and css etc but nothing else. Have I to copy and paste all the files from the classic folder over into my new custom folder?

rob22:

I've got an images folder and css etc but nothing else. Have I to copy and paste all the files from the classic folder over into my new custom folder?

Looking at your site now, I see in the HTML source that you have called your new template "custom", and it is actively calling the stylesheets in:

includes/templates/custom/css/

... so you are now underway.

The thing you need to understand now is the functional principle behind the over-rides system.

This principle is based on the following logic:-

1. Zencart must be customizable so that individuals can "tweak" it to look and work they say they want it to.

2. Such tweaking will involve modifying SOME code files (amongst other things), but not ALL code files.

3. It is better that CORE files are not overwritten, but are left intact.

4. A system of OVER-RIDES is therefore the mechanism to use to ensure that CORE files remain intact, while MODIFIED files are used to render customizations in the website.

Now... to make this logic operational, your webshop needs to be able to work out if it must use a CORE file, or a MODIFIED file, so this is what it does...

When it compiles the web pages, it looks at the TEMPLATE you have installed (in your case, your new custom template) and the first place it looks for code files are in all your custom folders.

(As you know, you have "custom" folders all over the place - in languages, modules and templates).

If / when Zencart finds a file in one of these "custom" folders, it will use that file AHEAD of the CORE file.

If it does not find a specified file (resource is a better word) in your custom folders, it immediately reverts to the CORE resource.

... so, there is no need to put any CORE file into a "custom" over-ride folder UNTIL YOU HAVE REASON TO ALTER THE CORE CODE / RESOURCE.

This is why (right now) many of your "custom" folders will be empty... You have not yet had any reason to edit (customize) a core file.

In fact, you have made some override files... your LOGO IMAGE in:-

includes/templates/custom/images/logo.gif

is an over-ride of

includes/templates/template_default/images/logo.gif

and the same applies to your css files...

Now... let's say you wanted to change the header of the "Categories" sidebox to "My Products"

This involves a CUSTOMIZATION of a language define.

So, when the php file that contains that define is edited, it is no longer a CORE file, but a CUSTOMIZED file...

... and it needs to be saved into your over-rides system.

The php file that contains the define for the categories box header is:

includes/languages/english.php

So you FTP that file to your hard drive as a COPY.

You open that copy for editing, and change the define from "Categories" to "My Products".

You SAVE the edited file on your hard drive.

You then FTP that file (english.php) to the RELEVANT OVERRIDES FOLDER... in your case:

includes/languages/custom/

Your zencart will suddenly discover a english.php file in its override system and use that one AHEAD of the CORE file, which remains un-edited in its CORE folder.