CyberOffice Shopping Cart Sample Page

This page illustrates a standalone shopping page that works with CyberShop.

LINEA ESTIVA JACKET

SHELL:	100% NYLON
	TRILOBAL CRINKLE
LINING:	65% POLYESTER
	35% COTTON

Size:	SIZE: S SIZE: M SIZE: L SIZE: XL
Color:
Qty:
Unit Price:	$35.00
Buyer's Bonus:	20 points
Real-time Inventory Status:

Active elements on the page that you can copy over to your own pages. Note that you need to qualify the view_cart.asp, view_stock.asp, view_status.asp pages with the appropriate path(s) if the shopping page is under a different folder.

A JavaScript function that goes into the <head> area of the page
<script src="view_cart.js"></script>
The View Cart button (using a dummy HTTP Post to refresh the cart)
<form method="post" style="MARGIN-BOTTOM: auto; MARGIN-TOP: auto" action="view_cart.asp"> <input type="hidden" name="BgColor" value="white"> <input type="image" border="0" src="viewcart.gif" Title="View Shopping Cart"> </form>
The My Account link
<script src="view_stock.asp?prod=_point_"></script>
The quick cart summary elements
Your Cart: <script src="view_stock.asp?productid=_qty_"></script> Item(s) <script src="view_stock.asp?productid=_amount_"></script>
The "Add Cart" form
<form onSubmit="SetProductID(this)" method="post" action="view_cart.asp" style="MARGIN-BOTTOM: auto; MARGIN-TOP: auto"> <input type="hidden" name="Rnd"> <input type="hidden" name="DeliveryMode" value="1"> <input type="hidden" name="UOM" value="Each"> <input type="hidden" name="Point" value="1750"> <input type="hidden" name="Bonus" value=20""> <input type="hidden" name="PriceUnit"> <input type="hidden" name="ProductType" value="CLOTH"> <input type="hidden" name="BgColor" value="white"> <input type="hidden" name="ProductID" value="SW-CLOTH-010"> <input type="hidden" name="ProductDesc" value="LINEA ESTIVA JACKET"> <input type="hidden" name="Price" value="35"> <input type="radio" name="ProductDesc" value="SIZE: S"> SIZE: S<br> <input type="radio" name="ProductDesc" value="SIZE: M">SIZE: M<br> <input type="radio" name="ProductDesc" value="SIZE: L">SIZE: L<br> <input type="radio" name="ProductDesc" value="SIZE: XL">SIZE: XL <select name="ProductDesc" size="1"> <option value="GREEN" selected>GREEN</option> <option value="ORANGE">ORANGE</option> <option value="LIGHT BLUE">LIGHT BLUE</option> <option value="DARK BLUE">DARK BLUE</option> </select> Qty: <input name="Quantity" value="1" size="3" > <input border="0" type="image" src="additem.gif" Title="Add to Cart"> </form>
The real-time inventory indicator
<script src="view_stock.asp?productid=SW-CLOTH-010"></script>

	Any comments, suggestions, or questions? Write Us!
	©SmartWin Technology, CyberOffice eCommerce Platform 1997 - 2012