changes in orderdetails and warranty and order summary pages
Этот коммит содержится в:
+53
-37
@@ -35,41 +35,42 @@
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container pt-5">
|
||||
<section class="bg-gray-7 pt-md-5 pt-5">
|
||||
<div class="container pb-5">
|
||||
<div class="row pb-4">
|
||||
<div class="col-6">
|
||||
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="card rounded-0 border-0 bg-white mb-3 deliverd-card">
|
||||
|
||||
<section class="bg-gray-7 pt-md-5 pt-5">
|
||||
<div class="container pb-5">
|
||||
<div class="row pb-4">
|
||||
<div class="col-6">
|
||||
<a href="#" class="fw-600 text-a-color back_to_orders"> Back to Orders</a>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="Order_details_section mb-2">
|
||||
<div class="card rounded-0 border-0 order-summary">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0 border-top-0">
|
||||
<div class="row">
|
||||
<div class="col-md-8 deliverd-card">
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="Order_details_section mb-2">
|
||||
<div class="card rounded-0 border-0 order-summary">
|
||||
|
||||
</div>
|
||||
<div class="card rounded-0 border-top-0">
|
||||
<div class="card-body">
|
||||
<div class="payement details">
|
||||
<p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
|
||||
<div class="border-bottom py-1">
|
||||
<div class="py-1">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6">
|
||||
<p class="fs-9 mb-0">Order Amount</p>
|
||||
<p class="fs-9 mb-0">Order Amount</p>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
|
||||
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
|
||||
</svg><span class="order_price fs-7">32,000</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
|
||||
fill="currentColor" class="bi bi-currency-rupee"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
|
||||
</path>
|
||||
</svg><span class="order_price fs-7">32,000</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
@@ -77,12 +78,20 @@
|
||||
<p class="fs-9 mb-0">Tax</p>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p>
|
||||
<!-- <p class="fs-7 mb-0 text-order-brown order_tax">-₹1000.00</p> -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
|
||||
fill="currentColor" class="bi bi-currency-rupee text-order-brown"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
|
||||
</path>
|
||||
</svg>
|
||||
<span class="fs-7 mb-0 text-order-brown order_tax"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6">
|
||||
<p class="fs-9 mb-0">Convenience Fee</p>
|
||||
<p class="fs-9 mb-0">Shipping Fee</p>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<p class="fs-7 mb-0 text-order-brown">Free</p>
|
||||
@@ -93,19 +102,23 @@
|
||||
<p class="fs-9 mb-1 fw-500">Order Total</p>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
|
||||
<path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
|
||||
fill="currentColor" class="bi bi-currency-rupee"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z">
|
||||
</path>
|
||||
</svg>
|
||||
<span class="fs-7 mb-1 fw-500 Order_total"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="py-1">
|
||||
<div class="py-1 d-none">
|
||||
<p class="fs-9 mb-1 fw-600">Payment Method</p>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6">
|
||||
<p class="fs-7 fw-500 mb-0">Coupons</p>
|
||||
<p class="fs-7 fw-500 mb-0">Coupons</p>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<p class="fs-7 mb-0">₹100</p>
|
||||
@@ -129,7 +142,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="Order_delivered_address">
|
||||
<div class="card rounded-0">
|
||||
@@ -139,7 +154,8 @@
|
||||
</div>
|
||||
<div class="address_body">
|
||||
<p class="mb-0 fs-9 fw-500 user_name">Ashok Kumar</p>
|
||||
<p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri colony,Miyapur,</p>
|
||||
<p class="mb-0 fs-7 fw-500 user_name">3-128,Srinivasa Nagar,Deepthi sri
|
||||
colony,Miyapur,</p>
|
||||
<p class="mb-0 fs-7 fw-500 user_name">HYDERABAD - TELENGANA</p>
|
||||
<p class="mb-0 fs-7 fw-500 user_name">India - 500101</p>
|
||||
<p class="mb-0 fs-7">Phone : <span class="fw-600">9876543234</span></p>
|
||||
@@ -149,8 +165,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer-head" class=""></div>
|
||||
@@ -159,9 +175,9 @@
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
|
||||
Ссылка в новой задаче
Block a user