<button>в корзину</button> находится ещё в нескольких дивах?<div id="product-789" class="product">товар 789
<div class="btn-color active"><span class="color">Чёрный</span></div>
<div class="btn-color"><span class="color">Белый</span></div>
<div class="btn-color"><span class="color">Зелёный</span></div>
<button class="btn-in_basket">в корзину</button>
</div>$('div.btn-color').on('click', changeColor);
function changeColor(){
$(document).on('click', '.btn-color', e => {
$(e.currentTarget)
.addClass('active')
.siblings('.active')
.removeClass('active')
})
};
var cart = {};
$('button.btn-in_basket').on('click', addToCart);
function addToCart(){
var color = $('.active .color').text();
console.log(color);
var articul = $(this).attr('data-art');
if (cart[articul] != undefined){
cart[articul]++;
}
else{
cart[articul] = 1;
}
document.getElementById('modal-basket').innerHTML= Object.values(cart);
console.log(cart);
}localStorage.setItem('cart', JSON.stringify(cart));$.getJSON('goods.json', function (data) {
var goods = data;
var out = '';
for (var id in cart) {
out += `<button data-id="${id}" class="del-goods">x</button>`;
out += `<img src="images\\${goods[id].img}">`;
out += ` ${goods[id].name }`;
out += ` ${cart[id]} `;
out += cart[id]*goods[id].cost;
out += '<br>';
}
$('#modal-basket').html(out);
});
и это не menu_tpl/menu.php , в menu_tpl хранится меню по дефолту, если другое не задано