Image Map/Link Example

One thing to note is that if using the "add to cart" tags in an image map, you are limited to a simple product tag and no op variables are allowed. Your product descriptions can not contain any spaces either. If you need to seperate words in your descriptions you will have to use the + character (Wacky+Widget+a).

Please view the source code below to see how this feature is implemented.

<MAP NAME="imagemap">

<AREA SHAPE=RECT COORDS="5,4,68,38" HREF="http://www.vcart.com" TARGET="_top" ALT="Home">

<AREA SHAPE=RECT COORDS="71,4,191,38" HREF="http://virtualcartdemo.vcartserver.com/store/addToCart.aspx?item=VirtualCartDemo^widgeta^Wacky+Widget+a^6.32^1^^^^2&add.x=1" ALT="Add to Cart">

<AREA SHAPE=RECT COORDS="194,4,297,39" HREF="http://virtualcartdemo.vcartserver.com/store/addToCart.aspx?item=VirtualCartDemo&view.x=1" alt="View Cart">

<AREA SHAPE=RECT COORDS="298,4,401,39" HREF="http://virtualcartdemo.vcartserver.com/store/addToCart.aspx?item=VirtualCartDemo&checkout.x=1" ALT="Check Out Now">

</MAP>

Important:

The add.x=1, view.x=1 and checkout.x=1 values are required to prevent any browser cache issues if using this method.