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>