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 form errors. B. Error message. C. Radio buttons to select shipping method. D. Dynamic table to display shopping cart. E. Item name and quantity. F. Unit and quantity prices. G. Tax, shipping, and total prices. H. Button to submit final order.

Content Sources

There are two content sources, the Shopping Cart and the Order Form.

A

All of the checkout pages have a similar design. There is an orange section at the top to display errors, and then a form for entering or changing order information. The errors are displayed using a dynamic table bound to the Order Form/Order Errors content source. This content source gives a list of all the errors.

If there are no errors, then the dynamic table has now rows and is invisible. Otherwise there is one row per error message.

B

The error text is bound to the Error Message field of the Order Form/Order Errors content source.

C

To create a radio button control, you create one button for each possible value, and then bind them all to the same field. At runtime, the radio button that corresponds to the current value is selected. In this example the list of shipping methods is known ahead of time. The Stories/Edit page shows how to construct a radio button control dynamically when the list of choices is stored in a database.

Every Custom Merchant provider offers a different set of fields, so you'll need to tune your checkout pages to your provider.

D

The dynamic table is bound to the Shopping Cart to display all the items in the user's cart. Notice that the table does not include the final three rows with the tax, shipping, and total prices, since GoLive would treat them as mock content.

E

The item name and quantity are simple text bindings.

F

The Unit Price field displays the cost of a single item. The Quantity Price displays Quantity x Unit Price. The prices on this page all use the Format Currency text filter so that they appear with the correct currency symbol and number of digits. The currency symbol is chosen based on the localization settings of the web server's operating system.

G

The tax, shipping total, and final total all come from the Order Form.

H

Clicking the Place Order button finalizes the purchase. The details of what happens depend on how the store is configured with the Custom Merchant provider. For some stores, placing the order means sending an e-mail to the store owner. For others, it means charging the user's credit card and submitting the order to an online fulfillment process. Check with your Custom Merchant provider for more information on how to configure your store.

With the test provider, clicking Place Order simply clears the user's shopping cart so that he can start again.