65 lines
2.2 KiB
JavaScript
65 lines
2.2 KiB
JavaScript
|
document.addEventListener('change', function (e) {
|
||
|
|
let element = e.target.closest('[name="quantity"]');
|
||
|
|
if (element) {
|
||
|
|
let product = element.closest("[data-v-cart-product]");
|
||
|
|
let key = product.dataset.key;
|
||
|
|
let quantity = element.value;
|
||
|
|
let updateElements = ['#cart-container [data-key="' + key + '"] .price', '#cart-container [data-key="' + key + '"] .total', ".cart-right-column", ".mini-cart"];
|
||
|
|
|
||
|
|
delay(() => VvvebTheme.Cart.update(key, {quantity}, element, updateElements), 1000);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
/*
|
||
|
|
document.querySelectorAll('.cart-table .quantity').on('click', '.btn-plus', function (e) {
|
||
|
|
("input[type =number]", this.parentNode).val(function( index, value ) {
|
||
|
|
return ++value;
|
||
|
|
}).change();
|
||
|
|
});
|
||
|
|
|
||
|
|
document.querySelectorAll('.cart-table .quantity').on('click', '.btn-minus', function (e) {
|
||
|
|
("input[type =number]", this.parentNode).val(function( index, value ) {
|
||
|
|
return Math.max(--value, 1);
|
||
|
|
}).change();
|
||
|
|
});
|
||
|
|
*/
|
||
|
|
|
||
|
|
document.addEventListener('click', function (e) {
|
||
|
|
let element = e.target.closest('.btn-coupon, .btn-remove-coupon');
|
||
|
|
if (element) {
|
||
|
|
let updateElements = [".cart-right-column", ".mini-cart"];
|
||
|
|
if (element.classList.contains("btn-remove-coupon")) {
|
||
|
|
let coupon = element.parentNode.querySelector(".code").innerHTML;
|
||
|
|
let container = e.target.closest("[data-v-cart-coupon]");
|
||
|
|
|
||
|
|
VvvebTheme.Cart.removeCoupon({coupon}, element, updateElements);
|
||
|
|
container.remove();
|
||
|
|
} else {
|
||
|
|
let coupon = document.querySelector("[name='coupon']").value;
|
||
|
|
VvvebTheme.Cart.coupon({coupon}, element, updateElements);
|
||
|
|
}
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
document.addEventListener('click', function (e) {
|
||
|
|
let element = e.target.closest('.btn-remove');
|
||
|
|
if (element) {
|
||
|
|
let product = element.closest("[data-v-cart-product]");
|
||
|
|
if (product) {
|
||
|
|
let key = product.dataset.key;
|
||
|
|
let quantity = element.value;
|
||
|
|
let updateElements = [".cart-right-column", ".mini-cart"];
|
||
|
|
|
||
|
|
product.classList.add("opacity-50");
|
||
|
|
VvvebTheme.Cart.remove(key, element, updateElements, () => {
|
||
|
|
product.remove();
|
||
|
|
//if cart empty refresh page
|
||
|
|
if (document.querySelectorAll("#cart-container [data-v-cart-product]").length == 0 ) {
|
||
|
|
location.reload();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|