Help with custom Header/Image Map

**Tyger** · 16 Oct 2010, 11:20 PM

Can someone help me with this. I had an imagemap as the header in zencart in my store, but my site was destroyed and I can't find the back ups I took.

Now I can't remember how I got the image map to work. I've looked over everything I can find but can't get it working

I have the image in place, but the zen cart logo is showing over it, and I also need to know where to put my image map co-ordinates.

My site is at www.asylum-thenorthwing.com/store

and this is the image map info I have.. where do I place this

<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<title> </title>
</head>
<body>

<img name="tt_storeheader0" src="../../../C:/Users/Alyson/Documents/tt_storeheader.jpg" width="760" height="260" border="0" usemap="#tt_storeheader" alt="" />

<map name="tt_storeheader">
<area shape="rect" coords="588,18,726,55" href="http://asylum-thenorthwing.com/tutorials.htm" target="_blank" alt="North Wing Tutorials">
<area shape="poly" coords="621,86,590,171,751,171,753,116" href="http://asylum-thenorthwing.com/forum" target="_blank" alt="The North Wing Forum">
<area shape="rect" coords="491,126,586,155" href="http://asylum-thenorthwing.com/gallery" target="_blank" alt="The North Wing Gallery">
<area shape="poly" coords="578,198,586,246,743,235,743,183" href="http://xthenorthwingx.##########################/" target="_blank" alt="The North Wing Blog">
</map>

</body>
</html>

**john4803** · 17 Oct 2010, 05:31 AM

Place it after: 
<div id="headerWrapper">

in the tpl_header file in:

includes>template>template_default>common

You don't need to include the html and meta tags.

**Tyger** · 17 Oct 2010, 11:30 AM

thanks John,

I've done that but now I have a broken image where the map should be.

This is the code I am using in the tpl_header

<div id="headerWrapper">
<img name="tt_storeheader" src="../images/tt_storeheader.jpg" width="750" height="257" border="0" usemap="#tt_storeheader" alt="" />

<map name="tt_storeheader">
<area shape="rect" coords="588,18,726,55" href="http://asylum-thenorthwing.com/tutorials.htm" target="_blank" alt="North Wing Tutorials">
<area shape="poly" coords="621,86,590,171,751,171,753,116" href="http://asylum-thenorthwing.com/forum" target="_blank" alt="The North Wing Forum">
<area shape="rect" coords="491,126,586,155" href="http://asylum-thenorthwing.com/gallery" target="_blank" alt="The North Wing Gallery">
<area shape="poly" coords="578,198,586,246,743,235,743,183" href="http://xthenorthwingx.##########################/" target="_blank" alt="The North Wing Blog">
</map>

Do I need to do something else with the image?

**john4803** · 17 Oct 2010, 03:33 PM

You need to take out the header reference in header.php maybe?

includes/languages/english/classic/header.php

Remove the zen logo, logo.gif, in the css.

Read these 2 tutorials:

https://www.zen-cart.com/tutorials/i...hp?article=125

https://www.zen-cart.com/tutorials/i...hp?article=127

Thread: Help with custom Header/Image Map

Thread Tools

Search Thread

Display

Help with custom Header/Image Map

Re: Help with custom Header/Image Map

Re: Help with custom Header/Image Map

Re: Help with custom Header/Image Map

Similar Threads

Need Help With Image Map Banner

Adding Image Map to header with Smart Backgrounds

Adding a custom image map header

Can someone help me with an image map header?

Almost there, need help with site map and font in search header

Posting Permissions