Share via


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

Dd451496.Vug_Checkout_WP_Step1(en-US,CS.90).gif

Step 2: Billing Information

Dd451496.Vug_Checkout_WP_Step2(en-US,CS.90).gif

Step 3: Order Review

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.

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

See Also

Other Resources

Working With the Web Parts

Orders Web Parts

Checkout Web Part