Share via


Checkout Default Page

The Checkout default page is responsible for handling the purchase of items currently in the cart. The page shows different steps of the checkout process, handles the entry of shipping and payment, and then shows a review of the checkout before the shopper confirms the order. This page offers the following functionality:

  • Next and Previous navigation options between steps of the checkout

  • Displays a shipping information entry form that:

    • Shows currently entered shipping information

    • Lets the shopper enter a single shipping address or select one from saved addresses when logged-in

    • Lets the shopper choose a shipping method

    • Lets the shopper select different shipping address and shipping methods per line item (this is possible only for registered shoppers)

    • Lets the shopper save the entered address (this is possible only for registered shoppers)

    • Let the shopper set the entered address as the default shipping address (this is possible only for registered shoppers)

  • Displays a payment information entry form that:

    • Shows currently entered payment information

    • Lets the shopper enter a billing address or select from saved addresses (this is possible only for registered shoppers)

    • Let the shopper save the entered address (this is possible only for registered shoppers)

    • Lets the shopper set entered address as the default billing address (this is possible only for registered shoppers)

    • Lets the shopper enter credit card account information or select from saved credit cards (this is possible only for registered shoppers)

    • Lets the shopper save entered credit card information (this is possible only for registered shoppers)

    • Lets the shopper set the entered credit card information as the default credit card (this is possible only for registered shoppers)

  • Displays an order review that:

    • Shows billing address information

    • Shows payment information

    • Shows shipments including shipping address, shipping method and associated line items

    • Shows order totals

    • Lets the shopper edit previously entered shipping or payment information

User Controls

The following user controls have been implemented on the Checkout default page:

User Control

Function

Shipping

Handles the shipping portion of the check-out process.

Payment

Handles the payment portion of the check-out process.

OrderReview

Handles the review portion of the check-out process.

Shipping User Control

The shipping information is handled by the custom user control in the file Orders\UserControls\Shipping\Shipping.ascx . Changes were made to this control modify the address handling and the multiple selection of shipping settings. This control was modified to:

  • Use a drop-down to allow a signed-in shopper to select a stored address

  • Use an address entry control to allow the shopper to create a new address

  • Use a checkbox to allow signed-in shoppers to save the new address

  • Use a checkbox to allow signed-in shoppers to set the address as their default shipping address

  • Show a list of shipping methods to allow the shopper to pick on

  • Allow signed-in shoppers to switch to a multiple shipment mode where each line item can be assigned, through a drop-down, a different shipping method and stored address

Payment User Control

The payment information is handled by the custom user control in the file Orders\UserControls\Billing\Billing.ascx. Changes are necessary for address and credit card handling.

This control was modified to:

  • Use a drop-down to allow a signed-in shopper to select a stored address

  • Use an address entry control to allow the shopper to create a new address

  • Use a checkbox to allow signed-in shoppers to save the new address

  • Use a checkbox to allow signed-in shoppers to set the address as their default billing address

  • Use a credit-card entry control to handle the selection (if signed-in) or creation of a credit card profile; this control will use check-boxes to allow saving and setting the credit card as default

Order Review User Control

The order review information is handled by the custom user control in the file Orders\UserControls\OrderReview\OrderReview.ascx. Layout and information display changes were made to:

  • Show billing address and provide an "edit" button to redirect to the payment "step"

  • Show payment information and provide an "Edit" button to redirect to the payment "step"

  • Show "blocks" of line items grouped by shipment, where each will show first the shipment address and shipping method, followed by the line items for that shipment

  • Show order totals

Web Parts

The Checkout Web Part provides the functionality to handle the entire checkout process, notably handling display and shopper entry in relation to the shipping, payment and review steps of the order checkout.

Other functions include:

  • Controlling the overall navigation between the various "checkout steps" by showing and hiding various sub controls

  • Handling the shopper's requests for changing steps (triggered by navigation buttons like "Next" and "Previous")

See Also

Other Resources

Working With the Default Site

Default Orders Pages

Working With the Checkout Web Part

Checkout Web Part