X-Cart forums

[rjcbear]

Hello everyone,

I have been going around in circles trying to have this to work but I do not see how. Would you kindly give me a litle bit of help.

I have a nav bar that will have several links to pages in my store here are few:
Referral, Reward Points, Affiliates, Contact Us, Links, and Help

Here is what I have done so far:

In the head.tpl I have added the following alt="" usermap="#header_01" to the line below.

<TD>[img]{$ImagesDir}/header_01.gif[/img]</TD>

Then I added to rectangle_bottom.tpl the following

<map name="header_01">
<area shape="rect" alt="Help" coords="478,22,548,58" href="http://www.mystore.com/help.php">
<area shape="rect" alt="Links" coords="387,19,470,55" href="http://www.mystore.com/links.php">
<area shape="rect" alt="Contact Us" coords="100,22,187,57" href="http://www.mystore.com/help.php?section=contactus&mode=update">
<area shape="rect" alt="Affiliates" coords="4,22,92,57" href="https://www.mystore.com/partner/home.php">
<area shape="rect" alt="Reward Points" coords="289,19,374,55" href="http://www.mystore.com/Customer-Reward-Points-p-1.html">
<area shape="rect" alt="Refer a Friend" coords="197,20,280,56" href="http://www.mystore.com/crp_referral.php">
</map>

here is the complete rectangle_bottom.tpl

{* $Id: rectangle_bottom.tpl,v 1.8 2004/06/07 11:19:29 max Exp $ *}
</TD>
</TR>
{if $config.Adaptives.browser eq 'MSIE' || $config.Adaptives.browser eq ''}
<TR><TD height="100%">[img]{$ImagesDir}/spacer.gif[/img]</TD></TR>
{else}
<TR><TD>[img]{$ImagesDir}/spacer.gif[/img]</TD></TR>
{/if}
<TR>
<TD>
{if $printable ne ''}
<HR size="1">
{/if}
{ include file="bottom.tpl" }
</TD></TR>
</TABLE>

<map name="header_01">
  <area shape="rect" alt="Help" coords="478,22,548,58" href="http://www.mystore.com/help.php">
  <area shape="rect" alt="Links" coords="387,19,470,55" href="http://www.mystore.com/links.php">
  <area shape="rect" alt="Contact Us" coords="100,22,187,57" href="http://www.mystore.com/help.php?section=contactus&mode=update">
  <area shape="rect" alt="Affiliates" coords="4,22,92,57" href="http://www.mystore.com/partner/home.php">
  <area shape="rect" alt="Reward Points" coords="289,19,374,55" href="http://www.mystore.com/Customer-Reward-Points-p-1.html">
  <area shape="rect" alt="Refer a Friend" coords="197,20,280,56" href="http://www.mystore.com/crp_referral.php">
</map>

Please point me in the correct direction of what I am doing wrong. BTW this is for 4.017

Thank you in advance.

Kind regards,
Ricky

[webmonster]

Keep the code together, Place this where you want it to appear

[img]{$ImagesDir}/header_01.gif[/img]
<map name="header_01">
<area shape="rect" alt="Help" coords="478,22,548,58" href="http://www.mystore.com/help.php">
<area shape="rect" alt="Links" coords="387,19,470,55" href="http://www.mystore.com/links.php">
<area shape="rect" alt="Contact Us" coords="100,22,187,57" href="http://www.mystore.com/help.php?section=contactus&mode=update">
<area shape="rect" alt="Affiliates" coords="4,22,92,57" href="https://www.mystore.com/partner/home.php">
<area shape="rect" alt="Reward Points" coords="289,19,374,55" href="http://www.mystore.com/Customer-Reward-Points-p-1.html">
<area shape="rect" alt="Refer a Friend" coords="197,20,280,56" href="http://www.mystore.com/crp_referral.php">
</map>

[rjcbear]

I placed them together just like it was suggested above and still not working any other ideas?

Thanks in Advance.

Kind regards,
Ricky

[webmonster]

What problem are you having? Does the image appear?

[William Hayes]

Looks like you've spelt the attribute "usemap" incorrectly.

In your code you have "usermap"

<TD>[img]{$ImagesDir}/header_01.gif[/img]</TD>

I can't see anything else wrong.

W

[rjcbear]

William,

Thank you so much that was the problem.

Kind regards,
Ricky