Header and Footer changes

Hey evryone, ive came across a problem. What i am trying to do is eliminate all the side headings and such (which i was able to do) and alot of the extra stuffin the heading and footer ex. show ip address. My story is I created a website for a client and about after 200 pages he decided he wanted to make it into an active buying site which i said i was willing to do, what i would ultimatly like is to get this html script (header) and replace it with the one i have now http://www.nucrisp.com/Zencart/index.php?main_page=product_info&products_id=1 (like to remove all the orange, login, home, zencart header and sales message with this https://www.nucrisp.com/header/header.html. I would also like to accomplish the same thing with my footer. Thanks so much for the help, I realy appreciate it!

derbra1513-

Turning off the side columns can be accomplished via the Admin> Configuration> Layout Settings. Changing the other things are via the Template Override system.

Start with this FAQ section: http://www.zen-cart.com/forum/faq.php?faq=catalog_issues#faq_template_customize

Well the thing is , is that i want these links on the top, its an HTML code for rollovers and links here is the links to the header and links i wanna put up http://www.nucrisp.com/headers/headers.html

You could start by enabling the categories under the header from the admin > configuration > Layout Settings > Categories-Tabs Menu ON/OFF
And turning off the sidebox also from the admin > tools > layout boxes controller

Then adjusting the rollover effect. The text size, color, spacing etc from the stylesheet.css.

If you turn off all the sideboxes, it's best to also turn off the right and left columns via Admin > Configuration > Layout Settings and look for "Column Left Status - Global" and "Column Right Status - Global"

ok well thanks for the help http://http://www.nucrisp.com/Zencart/index.php?main_page=product_info&products_id=1 thats what i got so far. but would it be possible to put those top header links (html) in my zencart?

Ahh. I see the confusion. I suspect that you haven't defined any categories for your products.

You define categories by going to Admin > Catalog > Categories/Products then click on the new categories button at the bottom (you may need to delete the product that you have defined first), then the links that you want would appear in the header automatically. They wouldn't look exactly like you have them, you would need to style them with CSS in your stylesheet.

Yes sorry for the confusion, the problem im having is that the site was already made and i need these same exact headers and links http://www.nucrisp.com/headers/headers.html would this be possible by making my custom template?

The way you will get those same "headers and links" is by following Kobra's and Kuroi's instructions above.

Create the categories ("links") you want in your admin > Catalog > Categories & Products > New Category, and apply your style information in stylesheet.css.

And yes, you would put your customized copies of stylesheet.css and any php files you modify in your custom template. See instructions in the FAQ. Have fun!

I want those same exact catagories and links, would it be possible to copy that html code (the one at https://www.nucrisp.com/headers/headers.html) and put it as my zen cart template? (I have special rollovers and dividers that I would like to keep)

Although it's possible it would completely bypass the powerful facilities available in Zen Cart and would leave you with a lot of unnecessary and complicated work to create the links, and you'll still need to define the categories that we are recommending so that you can link properly to the products anyway.

Trust us. Define categories with exactly the same names as your links. Don't put them in upper case as that can be taken care of with CSS. Once you have the categories defined, you can stytle them to look exactly the same as your menu in your stylesheet or come back here if you need help to do so.

I appreciate your guys' help on the issue, the problem is, is that about a half of the site is already done (not using Zen Cart ) and i would prefer to try to get the html code for the header and footer for the template if its possible. Thanks for the help

does anyone know how they can help me? Here is the html code i pulled from the header (rollover/links) that i want

<html> <head> <title>header</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (header.psd) --> <script type="text/javascript"> <!--

userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function findElement(n,ly) {
if (browserVers < 4) return document[n];
var curDoc = ly ? ly.document : document;
var elem = curDoc[n];
if (!elem) {
for (var i=0;i<curDoc.layers.length;i++) {
elem = findElement(n,curDoc.layers[i]);
if (elem) return elem;
}
}
return elem;
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
var img;
for (var i=0; i<changeImages.arguments.length; i+=2) {
img = null;
if (document.layers) {
img = findElement(changeImages.arguments[i],0);
}
else {
img = document.images[changeImages.arguments[i]];
}
if (img) {
img.src = changeImages.arguments[i+1];
}
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
header_01_over = newImage("images/header_01-over.gif");
header_02_over = newImage("images/header_02-over.gif");
header_03_over = newImage("images/header_03-over.gif");
header_04_over = newImage("images/header_04-over.gif");
header_05_over = newImage("images/header_05-over.gif");
header_06_over = newImage("images/header_06-over.gif");
header_07_over = newImage("images/header_07-over.gif");
header_08_over = newImage("images/header_08-over.gif");
preloadFlag = true;
}
}

// -->
</script>

<!-- End Preload Script --> <!-- ImageReady Styles (header.psd) --> <style type="text/css"> <!-- div.Table_01 { position:absolute; left:0px; top:0px; width:640px; height:29px; } div.header-01 { position:absolute; left:0px; top:0px; width:58px; height:29px; } div.header-02 { position:absolute; left:58px; top:0px; width:59px; height:29px; } div.header-03 { position:absolute; left:117px; top:0px; width:118px; height:29px; } div.header-04 { position:absolute; left:235px; top:0px; width:66px; height:29px; } div.header-05 { position:absolute; left:301px; top:0px; width:50px; height:29px; } div.header-06 { position:absolute; left:351px; top:0px; width:96px; height:29px; } div.header-07 { position:absolute; left:447px; top:0px; width:101px; height:29px; } div.header-08 { position:absolute; left:548px; top:0px; width:92px; height:29px; } --> </style> <!-- End ImageReady Styles --> </head> <body onload="preloadImages();" style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;"> <!-- ImageReady Slices (header.psd) --> <div class="Table_01"> <div class="header-01"> <a href="http://nucrisp.com/pants.html" onmouseover="changeImages('header_01', 'images/header_01-over.gif'); return true;" onmouseout="changeImages('header_01', 'images/header_01.gif'); return true;" onmousedown="changeImages('header_01', 'images/header_01-over.gif'); return true;" onmouseup="changeImages('header_01', 'images/header_01-over.gif'); return true;"> <img name="header_01" src="images/header_01.gif" width="58" height="29" border="0" alt=""></a> </div> <div class="header-02"> <a href="http://nucrisp.com/shirts.html" onmouseover="changeImages('header_02', 'images/header_02-over.gif'); return true;" onmouseout="changeImages('header_02', 'images/header_02.gif'); return true;" onmousedown="changeImages('header_02', 'images/header_02-over.gif'); return true;" onmouseup="changeImages('header_02', 'images/header_02-over.gif'); return true;"> <img name="header_02" src="images/header_02.gif" width="59" height="29" border="0" alt=""></a> </div> <div class="header-03"> <a href="http://nucrisp.com/security.html" onmouseover="changeImages('header_03', 'images/header_03-over.gif'); return true;" onmouseout="changeImages('header_03', 'images/header_03.gif'); return true;" onmousedown="changeImages('header_03', 'images/header_03-over.gif'); return true;" onmouseup="changeImages('header_03', 'images/header_03-over.gif'); return true;"> <img name="header_03" src="images/header_03.gif" width="118" height="29" border="0" alt=""></a> </div> <div class="header-04"> <a href="http://nucrisp.com/aprons.html" onmouseover="changeImages('header_04', 'images/header_04-over.gif'); return true;" onmouseout="changeImages('header_04', 'images/header_04.gif'); return true;" onmousedown="changeImages('header_04', 'images/header_04-over.gif'); return true;" onmouseup="changeImages('header_04', 'images/header_04-over.gif'); return true;"> <img name="header_04" src="images/header_04.gif" width="66" height="29" border="0" alt=""></a> </div> <div class="header-05"> <a href="http://nucrisp.com/jeans.html" onmouseover="changeImages('header_05', 'images/header_05-over.gif'); return true;" onmouseout="changeImages('header_05', 'images/header_05.gif'); return true;" onmousedown="changeImages('header_05', 'images/header_05-over.gif'); return true;" onmouseup="changeImages('header_05', 'images/header_05-over.gif'); return true;"> <img name="header_05" src="images/header_05.gif" width="50" height="29" border="0" alt=""></a> </div> <div class="header-06"> <a href="http://nucrisp.com/outerwear.html" onmouseover="changeImages('header_06', 'images/header_06-over.gif'); return true;" onmouseout="changeImages('header_06', 'images/header_06.gif'); return true;" onmousedown="changeImages('header_06', 'images/header_06-over.gif'); return true;" onmouseup="changeImages('header_06', 'images/header_06-over.gif'); return true;"> <img name="header_06" src="images/header_06.gif" width="96" height="29" border="0" alt=""></a> </div> <div class="header-07"> <a href="http://nucrisp.com/safetygear.html" onmouseover="changeImages('header_07', 'images/header_07-over.gif'); return true;" onmouseout="changeImages('header_07', 'images/header_07.gif'); return true;" onmousedown="changeImages('header_07', 'images/header_07-over.gif'); return true;" onmouseup="changeImages('header_07', 'images/header_07-over.gif'); return true;"> <img name="header_07" src="images/header_07.gif" width="101" height="29" border="0" alt=""></a> </div> <div class="header-08"> <a href="http://nucrisp.com/headwear.html" onmouseover="changeImages('header_08', 'images/header_08-over.gif'); return true;" onmouseout="changeImages('header_08', 'images/header_08.gif'); return true;" onmousedown="changeImages('header_08', 'images/header_08-over.gif'); return true;" onmouseup="changeImages('header_08', 'images/header_08-over.gif'); return true;"> <img name="header_08" src="images/header_08.gif" width="92" height="29" border="0" alt=""></a> </div> </div> <!-- End ImageReady Slices --> </body> </html>

derbra1513:

does anyone know how they can help me?There are many of us who could help you to do this, but I doubt anybody will want to.

Three of us have already pointed out that what you want to do is built into Zen Cart and very easy to invoke. With a small code tweak, you could even use your rollover images to make the results completely indistinguishable to visitors from the code that you have have posted.

However, you persist in rejecting this advice in the hope that somebody will help you to implement a solution that would require turning off Zen Cart facilities in order to insert your own bloated code, which would then require further help to create links to your product categories in a way that would be highly manual, unnecessarily difficult and a pain to change or maintain.

We're all volunteers here, why would we want to waste our time helping you to implement the wrong solution?

kuroi:

There are many of us who could help you to do this, but I doubt anybody will want to.

Three of us have already pointed out that what you want to do is built into Zen Cart and very easy to invoke. With a small code tweak, you could even use your rollover images to make the results completely indistinguishable to visitors from the code that you have have posted.

However, you persist in rejecting this advice in the hope that somebody will help you to implement a solution that would require turning off Zen Cart facilities in order to insert your own bloated code, which would then require further help to create links to your product categories in a way that would be highly manual, unnecessarily difficult and a pain to change or maintain.

We're all volunteers here, why would we want to waste our time helping you to implement the wrong solution?

I apologize, is there a way to make these exact same headers into zencart?

what im basicly trying to do is integrate zencart with the site i currently have now, and thats why im asking if its possible to put those headers and footers on my old site into my zencart site

If you want to keep the current part of your site as is, the headers can stay as you show them there.

However, the Zen Cart part will need the graphic look laid onto ZC structure (simple to do as described above) in order to function smoothly.

The idea of a hybrid site with ZC and HTML sections raises other issues, like session id problems, which others can address better. It is apparently possible but is not a recommended method. It may work to integrate the HTML pages into the ZC ez-page structure... though I can't help with technical details of that.

Good luck!