
Originally Posted by
swguy
Please provide a link to the help file you are referring to that just specified "header.php" without a path.
Code:
I copied the file to ease my jpb.
Here is text:
Storefront Header
By default, Zen Cart uses includes/templates/YOURTEMPLATE/images/logo.gif for the filename of the logo image, but you can use your own filename for the logo.
NOTE: If your logo is already available as a .gif image, it’s faster to just upload your logo by naming the file as logo.gif and replacing the logo.gif file on the server. Then refresh your browser cache (CTRL+R) to see it on your site. You may still want to update the image dimensions listed in the following instructions.
Using an image editor, create your new logo and save it to includes/templates/YOURTEMPLATE/images/yourname and upload it to your server.
The name yourname will also include a file extension, such as .png, .jpg, etc.
After creating your logo you can adjust the alt text, width, height, and image name in includes/languages/english/YOURTEMPLATE/header.php
NOTE: If you don’t have the file includes/languages/english/YOURTEMPLATE/header.php, then copy includes/languages/english/header.php to includes/languages/english/YOURTEMPLATE/header.php before editing. See What if I don’t have a file that some instructions mention?
For the purpose of this example, let’s assume yourname is newlogo.png, and that the logo is 200px wide and 80px tall.
define('HEADER_ALT_TEXT', 'My new alt text');
define('HEADER_LOGO_WIDTH', '200'); // this is the number of pixels
define('HEADER_LOGO_HEIGHT', '80'); // this is the number of pixels
define('HEADER_LOGO_IMAGE', 'newlogo.png');
Save this file and upload it to your server.
By default, the logo is left aligned. Changing the alignment involves making a modification to your includes/templates/YOURTEMPLATE/css/stylesheet.css.
Open the file and find the following:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
Since this is a collection of several “selectors” (#logo, .centerBoxContents, etc) and in order not to interfere with the layout of other sections, split this into two separate statements and create a new selector/definition below it, like this:
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
#logo {float: left;}
To center the logo use text-align: center;
Bookmarks