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.
Thread: Header and Footer changes
Results 11 to 17 of 17
-
3 Jul 2006, 11:17 PM #11
Totally Zenned
- Join Date
- Apr 2006
- Location
- London, UK
- Posts
- 10,569
- Plugin Contributions
- 25
Re: Header and Footer changes
Kuroi Web Design and Development | Twitter
(Questions answered in the forum only - so that any forum member can benefit - not by personal message)
-
4 Jul 2006, 01:22 AM #12
New Zenner
- Join Date
- May 2006
- Posts
- 38
- Plugin Contributions
- 0
Re: Header and Footer changes
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
-
5 Jul 2006, 08:45 PM #13
New Zenner
- Join Date
- May 2006
- Posts
- 38
- Plugin Contributions
- 0
Re: Header and Footer changes
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>
-
5 Jul 2006, 09:44 PM #14
Totally Zenned
- Join Date
- Apr 2006
- Location
- London, UK
- Posts
- 10,569
- Plugin Contributions
- 25
Re: Header and Footer changes
There are many of us who could help you to do this, but I doubt anybody will want to.
Originally Posted by derbra1513
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 Web Design and Development | Twitter
(Questions answered in the forum only - so that any forum member can benefit - not by personal message)
-
5 Jul 2006, 10:01 PM #15
New Zenner
- Join Date
- May 2006
- Posts
- 38
- Plugin Contributions
- 0
Re: Header and Footer changes
I apologize, is there a way to make these exact same headers into zencart? Originally Posted by kuroi
-
7 Jul 2006, 01:37 PM #16
New Zenner
- Join Date
- May 2006
- Posts
- 38
- Plugin Contributions
- 0
Re: Header and Footer changes
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
-
9 Jul 2006, 10:04 PM #17
Black Belt
- Join Date
- Jul 2005
- Location
- Upstate NY
- Posts
- 22,010
- Plugin Contributions
- 25
Re: Header and Footer changes
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!
Similar Threads
-
Header and Footer
By shiningfaery in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 24 Nov 2010, 09:26 PM -
Footer and Header Changes
By hardtokill in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 24 Feb 2008, 07:22 AM -
Help with header and footer font and color size
By laurieudy in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 21 Nov 2007, 06:35 PM -
email footer and logo changes not working
By zas in forum General QuestionsReplies: 1Last Post: 1 Nov 2006, 08:02 AM -
Creating Header and Footer per Category and Product
By gardengate in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 19 Aug 2006, 08:26 PM
