Checkout Review
URL:
User/Order/OrderSummary?orderId=00000&AddressId=00000
List of Elements
Order Summary
<div class="”container”">
<div class="review-top-white-sec">
<div class="col-md-5 col-sm-6" id="order-summary">
<div class="checkout-payment-inner">
<div class="check-payment-top-title">ORDER SUMMARY</div>
<div class="checkout-itm-total-sec">
<div class="checkout-total-line1">
<div class="checkout-totline-left">
Sub Total
</div>
<div class="checkout-itm-tprice">
SGD $249.80
</div>
</div>
<div class="checkout-total-line1">
<div class="checkout-totline-left">
Delivery Costs
</div>
<div class="checkout-itm-tprice">
SGD $0.00
</div>
</div>
<div class="check-total-btm-sec">
<div class="chkout-total-small-txt">TOTAL</div>
<div class="chkout-totla-amt">SGD $249.80</div>
<a id="btnNext" href="/user/checkout/select-gateway?addressid=51 161&id=17298&cartitemids=33060& cartitemids=33062" class="btn-red">PROCEED TO
PAYMENT</a>
</div>
</div>
</div>
</div>
</div>
</div> Delivery Address detail
<div class="”container”">
<div class="review-top-white-sec">
<div class="col-md-5 col-sm-6" id="order-summary"> … </div>
<div class="col-md-7 col-sm-6" id="order-delivery">
<div class="checkout-payment-inner">
<div class="check-payment-top-title">DELIVERY ADDRESS</div>
<div class="check-delivery-address">
<div>address</div>
<div>Martin Rahardja</div>
<div>Albania</div>
<div>city</div>
<div>state</div>
<div>postal</div>
</div>
</div>
</div>
</div>
</div> Image
<div class="”container”"> <div class="review-top-white-sec"> … </div> <div class="cart-item-row-detail"> <div class="wrapper-detail"> <div class="chkout-img-sec"> <img src="/images/items/Item2278-636222947796505966-Iz386N.jpg" alt="product image"> </div> </div> </div> </div>
Item name
<div class="”container”"> <div class="review-top-white-sec"> … </div> <div class="cart-item-row-detail"> <div class="wrapper-detail"> <div class="chkout-img-sec"> … </div> <div class="chkout-desc-sec"> <div class="chkout-desc-top"> <div class="chkout-desc-top-l"> <a href="#"> Hand-crafted Fitting Leather Wallet </a> </div> </div> </div> </div> </div> </div>
Variant Chosen
<div class="”container”">
<div class="review-top-white-sec"> … </div>
<div class="cart-item-row-detail">
<div class="wrapper-detail">
<div class="chkout-img-sec"> … </div>
<div class="chkout-desc-sec">
<div class="chkout-desc-top">
<div class="chkout-desc-top-l"> … </div>
<div class="chkout-desc-top-r">
<p>Colour: Black</p>
<p>Card Slots: 4 + Coin Slot</p>
</div>
</div>
</div>
</div>
</div>
</div> Quantity & Pricing
<div class="”container”">
<div class="review-top-white-sec"> … </div>
<div class="cart-item-row-detail">
<div class="wrapper-detail">
<div class="chkout-img-sec"> … </div>
<div class="chkout-desc-sec">
<div class="chkout-desc-top"> … </div>
<div class="chkout-qty-price-sec">
<div class="chkout-item-price">SGD $79.90</div>
<div class="chkout-item-qty">Qty: 1</div>
</div>
</div>
</div>
</div>
</div> Delivery Method
<div class="”container”">
<div class="review-top-white-sec"> … </div>
<div class="cart-item-row-detail">
<div class="wrapper-detail"> … </div>
<div class="chkout-delivery-detail-sec">
<div class="cart-delivery-title">
Pick-Up:
</div>
<div class="cart-delivery-method-txt">
7 Jalan Kilang
</div>
</div>
</div>
</div> Back and Process button
<div class="”container”">
...
<div class="check-bottom-btn">
<a href="/user/order/deliverydetail?orderId=17298" class="checkout-back-btn
btn-black-cmn">BACK</a>
<a href="/user/checkout/select-gateway?addressid=51161&id=17298&cartitemids =33060&cartitemids=33062" class="btn-red">PROCEED TO PAYMENT</a>
</div>
</div>