A Few Kind Requests

He guys I just installed the latest zen and I've been searching the forum and FAQ for what I'm looking for. The problem is its hard to explain what exactly I want to do in words which is why I can't really find what I want. Here's just a few things I want, Im not asking for someone to give me a huge walkthrough just perhaps a link to the topic where this similiar request was resolved because atfer much searching I can't find what Im looking for.

1 . Where can I change the entire header of the cart to my own html. I want to take it all the way down to the three columns.

2. I want to make the layout 100% so it fills the screen to match my layout.

3. I want to replace the pictures/gradient for the Categories and navbard with my own html/images.

4. I want to take the entire footer off.

Thanks a bunch guys. I just can't find i nthe forum what Im looking for. Thanks -Jeff

start here
http://www.zen-cart.com/wiki/index.php/Customisation

1 . Where can I change the entire header of the cart to my own html. I want to take it all the way down to the three columns.
Need more explanation as most headers are images

2. I want to make the layout 100% so it fills the screen to match my layout.
   In the stylesheet.css for your template

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	}

3. I want to replace the pictures/gradient for the Categories and navbard with my own html/images.
   Also in stylesheet if a full image or if a tile change repeat add another for rightBoxHeading & navSupp

.leftBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/your_image.xxx);
        background-repeat: no-repeat;
	padding: 0.5em 0.2em;
	}

4. I want to take the entire footer off.
   tpl_footer.php but there may be a bit more elsewhere

easiest way to remove the footer is to comment out the include for it in tpl_main_page.php

Hi guys. Thanks a bunch I made my site 100% and I was able to remove the header by doing this to my tpl_header.php located in
\includes\templates\template_default\common

Here is what I did to it. I still have a gap up there and the word Home is sort if inconvenientely placed but is what I did what you'd reccomend to do?

<?php /** * Common Template - tpl_header.php * * this file can be copied to /templates/your_template_dir/pagename<br /> * example: to override the privacy page<br /> * make a directory /templates/my_template/privacy<br /> * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br /> * to override the global settings and turn off the footer un-comment the following line:<br /> * <br /> * $flag_disable_header = true;<br /> * * @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: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $ */ ?> <?php // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { echo htmlspecialchars(urldecode($_GET['error_message'])); } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { echo htmlspecialchars($_GET['info_message']); } else { } ?> <!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <div id="headerWrapper"> <!--eof-header logo and navigation display--> </div> <?php } ?>

By the way.. Here is what it looks so far:

http://lazyblaze.com/zentest/

weird.. if you open my storefront in IE

http://lazyblaze.com/zentest/

The colors flash blue then go to the silver gradient.. odd

this is because IE id displaying the underlying color before it displays the image,

and you should NOT modify
template_default files

you need to move them into a templates folder following the template layout

Hey thanks for the reply.. How can I make it not switch like that on IE? Which files do I need to change other than the template_default? What i was doing worked a bit... One more thing.. If you go to my test cart on mozilla the header does not work but it works in IE. Check it out

http://lazyblaze.com/zentest

The html is correct it has something to do with formatting I am certain.

What do you mean move to templates folder? Please explain.

Can anyone give me an answer here-Jeff

Did you read the tutorial stuff on the template overrides system? You risk losing everything during an upgrade by modifying files in the template default directory. You should have a custom template in includes/templates/YOUR_CUSTOM_TEMPLATE_NAME and then files you need to modify from the default get copied to the custom template directory maintaining the directory structure of the default template directories and edited there, while leaving the originals alone in the default template directories. You only put copies of files you need to modify in your custom template. There is more to the overrides system, but I'll let you go read up on that stuff......

so should I copy and past all files from the main template in to a new template folder and just make the changes in the NEW template folder. So basically I have the old template with the changes. THan switch templates via admin control panel? Is that what you mean?

NOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOo

Ok quick breakdown

If you want to change the tpl_header.php

you would first move a copy of it from /template_default/common
to
YOUR TEMPLATE/common and make the changes

but you would ONLY move the tpl_header.php since that the ONLY file you changed.

hahaha. Thanks. Clear as a bell. One more thing merl.. Have you seen my test zen? Why does the header only work properly in IE?

http://lazyblaze.com/zentest

rather than putting this in the header

<table width="100%" height="122" border="0" cellspacing="0" cellpadding="0" summary="Glass Waterpipes"> <tr> <td bgcolor="BCE64E" width="87%"><img src="http://www.lazyblaze.com/images/banner.gif" width="569" height="122"></td> <td bgcolor="BCE64E" width="13%"> <table width="197" height="122" border="0" cellpadding="0" cellspacing="0" summary="Glass Waterpipes"> <tr> <td colspan="2" width="196" height="8"></td>

	<td width="1" height="8"></td>
</tr>
<tr>
	<td>
		<img src="http://www.lazyblaze.com/images/newgreen_02.gif" width="26" height="21" alt="Glass Waterpipes"></td>
	
      <td rowspan="2" width="170" height="31"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><a href="http://www.lazyblaze.com/shop/index.php?main_page=shopping_cart">Cart</a> 
        <a href="https://www.lazyblaze.com/shop/index.php?main_page=checkout_shipping">Checkout</a> 
        <a href="https://www.lazyblaze.com/shop/index.php?main_page=login">Login</a></font></td>

	<td width="1" height="21"></td>
</tr>
<tr>
	<td rowspan="2" width="26" height="93"></td>
	<td width="1" height="10"></td>
</tr>
<tr>
	<td width="170" height="83"></td>
	<td width="1" height="83"></td>

</tr>

</table> </td> </tr> </table>

how about you just remove the call the the BG image in the css
center the div for the logo,
use the image you are calling from an outside source and name it logo.gif, put it in the /custom template/images/ folder (you are using classic by the way )

then in the css where it says BG color, actually put your color code there

voila solution all done and its now done with out the hard coded links that will break any ssl you try to use

Thats just way too confusing. I would rather just have it the normal html provided. It's working except I don't understand why it won't work in firefox.

OK, it dosnt work because you do NOT have it coded correct,
Its NOT hard to do,

OK

step ONE

name your logo to logo.gif
upload it to the template image file

step 2

open the tpl_header.php ( a stock one )
find the header nav box and set the div for the logo to center

step 3

open the css file and where the background is set change the color to match the green,

will all then be done,

and no hard coded links to screw up your ssl

Merlin is right about the way to do it.....your current page doesn't validate....all of the warning are for the tables you are using in the header.....and the nav bar you built under the logo in another table would be better if you used the ez-page navbar there instead....and if you use the ez-page navbar and inserted your main image in the header as logo.gif, in the normal manner, you wouldn't need the Home link and the banner is the link to the home page......just my opinion

nice "tobacco" pipes:wink2:

Oh to answer your question about why it doesn't work in FF is cause the program you are using to write the html is not writing compliant code for embedded styles. You have:```

<td bgcolor="BCE64E" width="87%"><img src="http://www.lazyblaze.com/images/banner.gif" width="569" height="122"></td> <td bgcolor="BCE64E" width="13%"> ```

Should be:```

<td bgcolor="#BCE64E" width="87%"><img src="http://www.lazyblaze.com/images/banner.gif" width="569" height="122"></td> <td bgcolor="#BCE64E" width="13%"> ```

FireFox is a more compliant browser and it doesn't like it when stuff is not formatted correctly and throws away the bad stuff, where as EI will make a stab at displaying bad code and hoping its right. Better to get it right to begin with and code for display on the more compliant browser(FF) and then hack for the less compliant browser(IE)

See this is exactly why you should be using the other method of putting the header together. Had you been using the correct method I wouldn't have to view source and study the html. I would have been able to look at the stylesheet for the problem. Yes this was an easy one but it could have been a bigger problem as your not writing html that validates and I don't like to have to debug html......Nevermind the absolute urls to the images rather than relative which is sure to break your ssl which by the way doesn't work anyway........just a rant excuse me

wow guys thanks for the replies. However If you see what im trying to do. It works in IE. I have added a table on the top right where I want to add more features or rotating ads. I understand that I can center a logo with zen and make a background color to blend it in but im trying to do MORE than that. To me using html will give me a lot more flexibility.