Adobe
GoLive 6 Dynamic Content Samples
Overview
Database Design
Products
Shopping Cart
Shipping Address
Billing Address
Place Order
Thanks
Edit Promotions
Edit Products

text

A. Dynamic table to display shopping cart items. B. Item name. C. Text field to change item quantity. D. Unit and quantity prices. E. Item subtotal. F. Checkout and update buttons.

Content Sources

There are two content sources, the Shopping Cart and the Order Form. The Order Form is used to display the total price of all the items in the shopping cart at the bottom of the page.

A

Working with a Shopping Cart is just like working with a database query. There is one record for each item in the cart, and you can bind the cart to a table to create a dynamic table. Notice that the dynamic table that displays the cart items does not include the final row with the total price. That row is a in a different table, since otherwise GoLive would interpret it as mock content.

B

The item name is a simple text binding.

C

The item quantity is a simple text field binding. The entire dynamic table appears within a form so that the user can change item quantities and click the Update Totals button to make the changes. The user deletes an item by setting its quantity to zero.

D

The Unit Price field displays the cost of a single item. The Quantity Price displays Quantity x Unit Price. The prices both use the Format Currency text filter to display the correct currency symbol and number of digits.

E

The item subtotal comes from the Order Form. It uses the Format Currency text filter to display the correct currency symbol and number of digits.

F

The Update Totals button uses the Custom Merchant/Update Cart Totals action to update all of the item quantities. The Checkout and Continue Shopping buttons are not submit buttons, but rather normal buttons with client side onclick actions that take the user to a different page. Here is what the javascript looks like for the Checkout button:

onclick="document.URL=checkout_1.asp"

Clicking this button takes the user to the Shipping Address page.