Images Compressed Login page modifications
This commit is contained in:
+4
-2
@@ -406,11 +406,11 @@ function initSelectDevlivery() {
|
||||
function getItemProductHTML(item) {
|
||||
const { img, name, price, quantity, sku, id } = item;
|
||||
|
||||
return ` <div class="align-items-center item-product-add d-flex justify-content-between" data-id="${id}" data-sku="${sku}">
|
||||
return ` <div class="align-items-center item-product-add d-flex w-100" data-id="${id}" data-sku="${sku}">
|
||||
<div style="max-width: 100px;" class="">
|
||||
<img class="w-100" src="${img}" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<div class="" style="margin-left:10px">
|
||||
<div>
|
||||
<div style="font-size:12px">${name}</div>
|
||||
</div>
|
||||
@@ -574,6 +574,7 @@ debugger;
|
||||
}
|
||||
$('.orderlistcart').html(productsHTML);
|
||||
// $('.orderslist').html(productsHTML);
|
||||
$('.orderslist').addClass("p-3")
|
||||
$('.orderslist').html(` <label for="online">
|
||||
Online
|
||||
<input checked data-op="online" name="payment" type="radio" class="paymentbtn " id="online">
|
||||
@@ -630,6 +631,7 @@ debugger;
|
||||
$('.detailsAddressBg').removeClass('detailsAddressBg');
|
||||
$('.selectAddress').addClass('detailsAddressBg');
|
||||
$('.orderslist').html('');
|
||||
$('.orderslist').removeClass("p-3");
|
||||
orderBtnAction.removeOrdernowBtn();
|
||||
|
||||
// $('.detailsAddressBtn').addClass('d-none');
|
||||
|
||||
Vendored
+14
-16
@@ -134,8 +134,8 @@ function shoppingCartInit() {
|
||||
|
||||
function getQuantityHTML(value, id) {
|
||||
return `<div data-id="${id}" class="mainselectcontainer w-100">
|
||||
<div class="w-100">
|
||||
<label>Qty</label>
|
||||
<div class="w-50">
|
||||
|
||||
<select class="quantitySelect form-select ${value >= 5 ? 'd-none' : ''}" value="${value}">
|
||||
<option ${value == 1 ? 'selected="selected"' : null} value="1">
|
||||
1
|
||||
@@ -166,42 +166,40 @@ function shoppingCartInit() {
|
||||
function shoppingCartDesktopHTML({ id, img, name, price, description, quantity, total }) {
|
||||
const [currencySymbol,amt] = getCurrencySymbol(price);
|
||||
return `
|
||||
<div class="row bg-white mt-3 rounded py-3 d-flex ">
|
||||
<div class="row bg-white border-bottom py-4 d-flex justify-content-center align-items-center">
|
||||
<div class="col-md-2 text-center"><img src="${img}" alt="${name}" class="img-fluid"></div>
|
||||
<div class="col-md-4 d-flex justify-content-center align-items-center">
|
||||
<div class="col-md-4 ">
|
||||
|
||||
<a class="text-decoration-none text-dark cursor-pointer" href="/productdetails.html?productId=${id}">${name}</a>
|
||||
<a class="text-decoration-none text-blue fw-600 cursor-pointer" href="/productdetails.html?productId=${id}">${name}</a>
|
||||
<small>${description||''}</small>
|
||||
<span class="badge d-none text-bg-warning">8 Offers ></span>
|
||||
</div>
|
||||
<div class="col-md-2 d-flex justify-content-center align-items-center">
|
||||
<p class="text-right"><span>${currencySymbol}</span> ${amt}</p>
|
||||
<div class="col-md-2">
|
||||
<p class="text-right m-0"><span>${currencySymbol}</span> ${amt}</p>
|
||||
</div>
|
||||
<div class="col-md-2 d-flex justify-content-center align-items-center">
|
||||
<div class="col-md-2 ">
|
||||
|
||||
${getQuantityHTML(quantity, id)}
|
||||
</div>
|
||||
<div class="col-md-2 d-flex justify-content-center align-items-center">
|
||||
<div class="col-md-2 ">
|
||||
<div class="d-flex justify-content-between w-100">
|
||||
<p class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
|
||||
<p class="fw-bold m-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" 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"/>
|
||||
</svg>${total}</p>
|
||||
<span class="btndeletecart cursor-pointer" data-cartid="${id}">x</span>
|
||||
<span class="btndeletecart cursor-pointer fw-500 text-danger" data-cartid="${id}">x</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="warrenty-sec px-3 sec-space-4 d-none">
|
||||
<div class="row align-items-center border
|
||||
py-2 mx-4">
|
||||
<div class="row align-items-center border py-2 mx-4">
|
||||
<div class="col-md-8">
|
||||
<p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
|
||||
<p class="mb-0 "> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="text-end mb-0"> ₹3,200 (2 year)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-center border
|
||||
py-2 mx-4 mt-3">
|
||||
<div class="row align-items-center border py-2 mx-4 mt-3">
|
||||
<div class="col-md-8">
|
||||
<p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user