Здравствуйте,подскажите пожалуйста,почему при нажатии "Купить"(добавляет в корзину) ,также при увеличении корзины +-товара моргает экран?Как это можно исправить?Заранее благодарен
Ссылка на сайт с кнопками
js
var updateBtns = document.getElementsByClassName('update-cart')
for (i = 0; i < updateBtns.length; i++) {
updateBtns[i].addEventListener('click', function(event){
event.preventDefault()
var productId = this.dataset.product
var action = this.dataset.action
console.log('productId:', productId, 'Action:', action)
console.log('USER:', user)
if (user == 'AnonymousUser'){
addCookieItem(productId, action)
}
else{
updateUserOrder(productId, action)
}
})
}
function addCookieItem(productId, action){
window.location.reload();
console.log('User is not authenticated')
if (action == 'add'){
if (cart[productId] == undefined){
cart[productId] = {'quantity':1}
}else{
cart[productId]['quantity'] += 1
}
}
if (action == 'remove'){
cart[productId]['quantity'] -= 1
if (cart[productId]['quantity'] <= 0){
console.log('Item should be deleted')
delete cart[productId];
}
}
console.log('CART:', cart)
document.cookie ='cart=' + JSON.stringify(cart) + ";domain=;path=/"
}
html
<div data-product="{{item.product.id}}" data-action="remove"
class="basket-calc__item basket-calc__item--minus update-cart">-
</div>
<input class="basket-calc__value" value="{{item.quantity}}"/>
<div data-product="{{item.product.id}}" data-action="add"
class="basket-calc__item basket-calc__item--plus update-cart">+
</div>
<a data-product="{{product.id}}" data-action="add"
class="list-catalog__buy add-btn update-cart">Купить</a>
