WebSphere Commerce Enterprise

Checkout method: Single shipping and billing address

The checkout method page enables the customer to select their shipping and billing information. The information is divided into three sections: shipping information, schedule order, and billing information.

The shipping information section contains the option to switch to multiple shipments. It also contains the shipping address and method for the order, as well as the charge type, shipping instructions, requested shipping date, and whether to expedite shipping. The products included in the shipment, including the product picture, name, quantity, and price are also contained in the shipping information section. The schedule order section displays the frequency of the scheduled order, such as every week, and the date the order is scheduled to start. The billing information section contains the options to use multiple payments, the payment number, and billing address and method. At the top of the page, the Continue Shopping button is available to navigate the customer back into the store before completing the checkout process.

Elements of the Checkout method: Single shipping and billing address method page


Checkout method: Single shipping and billing address screen capture
Full size screen capture

JSP files

  • OrderShippingBillingDetails.jsp represents the entire page.
  • 2 ShippingAddressSelect.jsp displays the shipping address details.
  • 3 SingleShipmentShippingMethodDetails.jsp displays the shipping method details.
  • 4 B2BShippingChargeExt.jsp displays the shipping charge type options.
  • 6 OrderItemDetails.jsp displays the contents of the shopping cart.
  • 7 SingleShipmentOrderTotalsSummary.jsp displays the shopping cart's subtotal.
    Includes:
    • PromotionCodeDisplay.jsp displays the Promotion code text box and Apply button.
  • 8 ScheduleOrderDisplayExt.jsp displays the schedule order section.
  • 9 CheckoutPaymentsAndBillingAddress.jspf displays the billing address and billing method details.
    Includes:
    • Feature Pack 1SimplePunchout.jsp displays punch-out payment.
    • BillingAddressDropDownDisplay.jsp displays the Billing Address list.
    • POSnippet.jspf displays the Purchase Order Number during checkout.
    • StandardVisa.jsp displays the VISA Credit Card payment method.
    • StandardAmex.jsp displays the AMEX Credit Card payment method.
    • StandardMasterCard.jsp displays the MasterCard Credit Card payment method.
    • StandardBankServACH.jsp displays the Bank payment method.
    • StandardCheck.jsp displays the Check payment method.
    • StandardLOC.jsp displays the credit line payment method.
    • StandardDiscover.jsp displays the Discover Credit Card payment method.
    • StandardPayLater.jsp displays the Pay Later payment method.
    • StandardBillMeLater.jsp displays the Bill Me Later payment method.
    • StandardCOD.jsp displays the COD payment method.

e-Marketing Spots

  • There are no e-Marketing Spots on the Checkout method: Single shipping and billing address method page.

Store functions

  • AJAX checkout can be enabled or disabled.
  • AJAX shopping cart can be enabled or disabled.
  • 4 and 5 Shipping options can be enabled or disabled:
    • Multiple shipments.
    • Future orders.
    • Shipping instructions.
    • Shipping charge type.
    • Expedite shipping.
  • 7 Promotion code entry field can be enabled or disabled.
  • 8 Schedule Order can be enabled or disabled.

Links and buttons

  • 1 When Multiple Shipments is clicked, the checkout method is changed to include multiple shipping and billing addresses.
  • 6
    • When Remove is clicked:
      • AjaxOrderChangeServiceItemDelete is called if AJAX shopping cart is enabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
        • The cursor_wait() method is called and displays the progress bar.
      • OrderChangeServiceItemDelete is called if AJAX shopping cart is disabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
    • When Move to Wish List is clicked:
      • AjaxOrderChangeServiceItemDelete and AjaxInterestItemAdd are called if AJAX shopping cart is enabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
        • The cursor_wait() method is called and displays the progress bar.
      • OrderChangeServiceItemDelete andInterestItemAdd are called if AJAX shopping cart is disabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
  • 7 When Select your free gift is clicked:
    • PromotionChoiceOfFreeGiftsPopup is called, and the PromotionFreeGifts_Context is updated with the value of the RewardOptionID of the promotion.

      This triggers the widget.refresh(renderContext.properties) function to be called in the controller mapped to the Refresh Area defined for the PromotionChoiceOfFreeGiftsPopup.jsp. This triggers the popup to be generated with the data extracted from the RewardOption object.

    • When the Apply button is clicked:
      • AjaxPromotionCodeManage is called if AJAX shopping cart is enabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
        • The cursor_wait() method is called and displays the progress bar.
      • PromotionCodeManage is called if AJAX shopping cart is disabled.
        • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
  • 10 AjaxOrderItemDisplayView is called when Back is clicked.
  • 11 AjaxOrderProcessServiceOrderPrepare and AjaxOrderChangeServicePIAdd are called when Next is clicked.
    • Double-click handling is implemented using JavaScript to prevent multiple requests from being sent.
    • The cursor_wait() method is called and displays the progress bar if AJAX checkout is enabled.