How to edit header.tpl

I'm trying to edit header.tpl but it seems
that nothing gets saved.
for example I need to add another Div just like below
and whenever I upload the file on the server .. when I open the site there is no changes .. when I chick on view source I see that the <div id="headerBackground"> that i added is missing ....

I have tryed many time and I am sure it's not because of caching ....
any ideas???

Try using Ctrl+F5 to refresh the page after you reupload the file.

Tnx the problem is solved .. It was my fault ...
by mistake is was editing one header file and uploading another one ....

I guess I am little too occupied

Another PICNIC problem solved

How do you add another division or table above your logo and search?

For adding a script?

If you remove all of the header tpl and re write will the cart still work?

Since I will only be changing the template file?

Same with footer make it taller?

http://forum.opencart.com/images/icons/ ... inking.gif

Any one know hot to add the stay at bottom absolute footer I guess it would be a second footer?
One that wouldn't get in the way of the original footer.
That is static and always seen at bottom for links and stuff.
http://forum.opencart.com/images/icons/ ... inking.gif

michellescott wrote:How do you add another division or table above your logo and search?

You put it in the header.tpl file. If possible, use HTML.

michellescott wrote:If you remove all of the header tpl and re write will the cart still work

Yes, you can edit the header.tpl content without breaking the cart, but you might break your layout if you don't know what you are doing. Test it out, if it's broken, put it back. You can make the footer taller, that's just a layout change.

There's many ways to do that, javascript, css, iframe etc. Look on dynamic drive or other free script sites to show you the best way that suits you.

Thanks, I Love Dynamic Drive. I was reading what imaginetech Dude had posted but I guess I'm deaf, or blind he threw me off with the google chrome. I know its just a browser. I was just going to match up the pixels I needed in the css and layout .I don't use Google crome but my son does. Ha!

I'm thinking if you change your
header or footer tpl
you have to change your
layout tpl and css to match?
Correct?

So its going to be a pain.
I wanted another box above or under the header if you know what I mean to and a click through images.
At the bottom I was thinking another bottom with something the same or stylish.

I think this is so cool can't figure out how to install in open cart 3.0 its different from other things I've used.
<!-- Original Code: http://www.howtocreate.co.uk/fixedPosition.html -->
<!-- Snippet With Example: http://code.dreamincode.net/snippet370.htm -->

<!-- CSS with support for IE -->
<style type="text/css">

<!--
#fixme {
/* IE 5.0/Win and other lesser browsers will use this */
position: absolute; right: 0px; bottom: 0px;

}
body > div#fixme {
/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
position: fixed;
}
--></style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
/* IE5.5+/Win - this is more specific than the IE 5.0 version */
right: auto; bottom: auto;
left: expression( ( -0 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( +0 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

<!-- HTML CODE FOR ACTUAL BANNER -->
<div id="fixme" style="height: 120px; width: 100%;">
<!-- EDIT BANNER CONTENTS BELOW -->
<div style="z-index: 5; background: url(http://home.dreamincode.net/images/catf ... _tile2.gif); width: 100%; height: 120px;">
<div style="float: left; position: relative; left: 0; top: 0;"><a href="http://forums.dreamincode.net/showtopic14671.htm"><img src="http://home.dreamincode.net/images/catfish/catfish2.gif" height="120" border="0"></a></div>
<div style="float: right; position: relative; text-align: right; top: 75px; font-size: 10px; font-weight: bold;"><a onClick="hiderow('fixme');return true;" style="cursor: pointer;">Close Me</a></div>
<div style="float: left; position: relative; top: 80px; text-align: center; font-size: 12px; font-weight: bold; font-style: italic;"><a href="http://forums.dreamincode.net/showtopic ... >Celebrate 5 Years of Dream.In.Code:<br>Win a Laser Engraved IPod Nano & Caffeine!</a></div>
</div>
</div>
I know your thinking can't this woman read?

maybe
Well at least I know you can and can't break the cart, that's the thing that gives me the creeps.