Checkout - Order Preview & Checkout

Many countries require online stores to show a complete picture of what the customer is buying and paying for before completing an order. Discover the APIs and properties available to help you handle this.

 


Relevant APIs

 

 

UCommerce.Api
     TransactionLibrary.GetBasket()
     TransactionLibrary.RequestPayments()
     
UCommerce.EntitiesV2
     PurchaseOrder
          SubTotal
          TaxTotal
          Discount (discounts applied to the order itself)
          DiscountTotal (all discounts applied at any level)
          PaymentTotal
          ShippingTotal
        
          OrderLines                      
          Shipments
          Payments

OrderLine
          Sku
          VariantSku
          Quantity
          Price
          Discount
          VAT
          Total
     Shipment
     Payment
     Discount
UCommerce
     Money

Hands-on

Find the MasterClassPreviewController. Map the basket into the PurchaseOrderViewModel. When ready to purchase, the user will click checkout. In the POST method use TransactionLibrary to fulfill the payment.

{{lineitem.ProductName}}

{{lineitem.VariantName}} - {{lineitem.Quantity}} x {{lineitem.FormattedPrice}} {{lineitem.FormattedPrice}}

Your cart is empty ;(
Total {{basket.FormattedProductsTotal}}
Checkout