With our virtualCART® shopping cart service you can have your online store setup in just a few hours, transforming your basic web site into a powerful selling machine. virtualCART® lets your customers place complicated online orders with all the conveniences and ease of a much more expensive system. See why virtualCART® has been chosen by thousands of internet merchants.


virtualCART® "Classic" Demo

Welcome to our virtualCART® "classic" demo store. Our "classic" implementation is heavily commented with information about each example. It is useful for understanding concepts or just finding a method that matches your product organization. Click Add to Cart for a quick look at the shopping cart interface.


EXAMPLE 1 [VIEW HTML CODE HERE]

Product1
Here is a single item set in a table with a variable description/price option. The hidden variable "item" contains the keyword "op1" instead of a legal price. This tells the cart to parse the selection named "op1" to obtain the item price. Notice that the selection pop-up has a description and price separated by a space dash space. You must use this format to insure correct parsing by the cart. Any of the 16 options op1 - op16 can be used to price an item.
Part number Item description Select desired material Click to add to cart
12345 Product1

EXAMPLE 2 [VIEW HTML CODE HERE]

Product1
Here is another single item in a table with variable options. The hidden variable "item" contains the keywords "op1op12op4" instead of a legal price in the price field. This tells the cart to parse the selections named "op1", "op12", and "op4" (in that order), and sum up all associated costs to obtain the item price. The options have their description and price separated by a space dash space. You must use this format to insure correct parsing by the cart. Any or all of the 16 options op1 - op16 can be used to price an item. If you don't wish to add any text to the description for an item, make the value simply " - $2.00"
Part number Item description Select desired material Options Click to add to cart
12345 Product1
Hardened
(add $3.00)
Deburred
(add $2.20)

EXAMPLE 3 [VIEW HTML CODE HERE]
This example has the same basic cart functionality as the one above, but shows how you can build up a whole table of similar products to present a lot of items in a small space. Notice that each row in the table containing product is actually a small form totally independent from adjacent rows. Also, notice Product2 has a special tag =SHIPSEP= included with the item part number. This tells the cart to ship this item in its own box.
Part number Item description Select desired material Click to add to cart
12345 Product1
67890 Product2

EXAMPLE 4 [VIEW HTML CODE HERE]
This example illustrates one way to use the product picture itself as an "add to cart" image! If you go this way, be sure to state on your page. "Just click any item image to add it to your shopping cart."

This widget is just $6.32 plus shipping.
Click the image to place in cart.


EXAMPLE 5 [VIEW HTML CODE HERE]

Product1
This example illustrates a way to allow the customer to place more than one thing in their cart using a select pop-up. In the quantity field of the hidden var, we put the name of the select (op2 in this example).
Quantity Click to add to cart
Qty:

EXAMPLE 6 [VIEW HTML CODE HERE]

Product1
This example illustrates a way to allow the customer to place more than one thing in their cart using an input box. In the quantity field of the hidden var, we put the name of the select. (op2 in this example). Just to spice it up, we threw in two extra options (op4 & op1). They're not marked for parsing in the hidden variable, and so are just appended to the description. Notice that even though op4 comes before op1 in the document, op1 is appended to the description first in the cart.
Quantity Select size Select desired material Click to add to cart
Qty:

EXAMPLE 7 & 8
Here are the standard implementations for viewing cart contents and going to checkout. These can appear anywhere on your site you wish, but be sure not to put them inside another <form></form> construct. (Nesting forms is a bad thing!)

[VIEW HTML CODE HERE] [VIEW HTML CODE HERE]

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.