Image Map/Link Example

virtualCART® supports the use of client side image maps. Be sure and follow the examples carefully.

Home Add to Cart View Cart Check Out Now


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.

Can't find the answers you are looking for in this section?  Please don't hesitate contacting our support staff by submitting a support ticket.