Working With the Checkout Web Part
The Checkout Web Part is responsible for the flow of checkout operations, providing a uniform navigation model. The Checkout Web Part effectively provides a container for other controls that are executable as part of the checkout process. The checkout process can include address and credit card management actions.
The following checkout operation components are provided as a base, usable as individual steps in the checkout process:
Shipping information (using an existing address in the shopper's profile, adding new addresses, and so on)
Billing information (using existing billing information in the shopper's profile, adding new billing information, and so on)
Review and place the order
The Shipping control works in single shipping destination and multiple shipping destinations, with a button to switch between the two modes available. In the single shipping destination mode, all items are shipped to the same address. You can ask a shopper to choose a shipping address and a shipping method. In the multiple shipping destinations mode, items can be shipped to different addresses. The shopper is asked to choose a shipping address and a shipping method for each line item in the basket using drop-downs menus.
The Billing control lets shoppers select one of their saved credit cards records. A button to add or modify billing information is available.
The Order Review control displays a read-only view of the order about to be submitted.
The checkout flow is configurable. Upon completion of the checkout flow, the shopper can be transferred to the Order Confirmation page.
Web Part
The following figures show the Checkout Web Part in the checkout flow sequence.
Step 1: Shipping Destination
.gif "Dd451496.Vug_Checkout_WP_Step1(en-US,CS.90).gif") |
Step 2: Billing Information
.gif "Dd451496.Vug_Checkout_WP_Step2(en-US,CS.90).gif") |
Step 3: Order Review
.gif "Dd451496.Vug_Checkout_WP_Step3(en-US,CS.90).gif") |
The Flow Source and Cart page templates are from SharePoint lists.
Property Sheet
The following figure shows the Checkout Web Part property sheet. The Checkout Web Part property sheet lets site designers control some aspects of the Web Part's behavior and appearance. The property sheet is displayed by selecting the edit option on the Web Page (in Edit Page mode) and then selecting Modify Shared Web Part. This displays the property sheet. Expand the sections to see the relevant properties.
.gif "Dd451496.Vug_Checkout_WP_Properties(en-US,CS.90).gif")
Properties
The following table describes the Checkout Web Part properties.
Property |
Maps to |
Type |
Description |
Default |
|---|---|---|---|---|
"Return to cart" button URL |
CartUrl |
String |
Sets the page URL to redirect to when the "Return to Cart" button is pressed. |
Blank |
Checkout flow controller class |
CheckoutFlowControlClass |
String |
The full, assembly-qualified name of the .NET Framework class that will control the flow of the checkout process. A default implementation has been provided in the class Microsoft.Commerce.Portal.UI.Orders.WebControls.StandardCheckoutFlowControl. |
Microsoft.Commerce.Portal.UI.OrdersSharePoint.WebControls.SPStandardCheckoutFlowControl, Microsoft.Commerce.Portal.UI.OrdersSharePoint, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35 |
Checkout flow provider class |
CheckoutFlowProviderClass |
String |
The full, assembly-qualified name of the .NET Framework class that will provide the steps of the checkout process. Two implementations have been provided. The first is the class Microsoft.Commerce.Portal.UI.Orders.XmlCheckoutFlowProvider that provides the steps using a file such as "Checkout.xml". The second, is the class Microsoft.Commerce.Portal.UI.OrdersSharePoint.SPCheckoutFlowProvider that provides the steps using a SharePoint list with the fields set up, for example, "DefaultSiteCheckoutSteps". |
Microsoft.Commerce.Portal.UI.OrdersSharePoint.SPCheckoutFlowProvider, Microsoft.Commerce.Portal.UI.OrdersSharePoint, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35 |
Checkout flow source |
FlowSourceUri |
String |
Sets the URL of the file used to supply the checkout flow steps. |
Blank |