`); } var total = 0; $('.minicart__product--items').each(function () { var id = $(this).data('id'); total += $('.quantity__number[data-id="' + id + '"]').val() * $('.quantity__number[data-id="' + id + '"]').data('price'); }); $('.tpcart__total-price .heilight-price').html(total.toLocaleString('vi-VN')); $('.order-total .amount').html(total.toLocaleString('vi-VN')); $('.total_vnd').html((total * 0.7).toLocaleString('vi-VN')); $('.total_smart_consumption').html((total * 0.3).toLocaleString('vi-VN')); } $('body').on('click', '.add_to_cart', function () { var id = $(this).data('id'); var name = $(this).data('name'); var cartData = Cookies.get('cart'); var cookieObject = {}; if (cartData) { cookieObject = JSON.parse(cartData); } $('.tp-cart-info-area').addClass('tp-sidebar-opened'); $('.cartbody-overlay').addClass('opened'); if ($('.tpcart__product-list .minicart__product--items').length == 0) { const dropdownContent = ` `; $('.tpcart__product').html(dropdownContent); } if (cookieObject.hasOwnProperty(id)) { cookieObject[id] = 1; $('.quantity__number[data-id="' + id + '"]').val(cookieObject[id]); } else { cookieObject[id] = 1; Cookies.set('cart', JSON.stringify(cookieObject)); var price_text = ''; if ($(this).data('price')) { price_text = '' + $(this).data('price').toLocaleString('vi-VN') + ''; } var price_old_text = ''; if ($(this).data('price_old')) { price_old_text = '' + $(this).data('price_old').toLocaleString('vi-VN') + ''; } $('.tpcart__product .tpcart__product-list ul').prepend( ` ` ); } Cookies.set('cart', JSON.stringify(cookieObject)); totalCart(); }); $('body').on('click', '.minicart_remove', function () { var id = $(this).data('id'); var cartData = Cookies.get('cart'); var cookieObject = {}; if (cartData) { cookieObject = JSON.parse(cartData); } if (cookieObject.hasOwnProperty(id)) { delete cookieObject[id]; $('.tp-cart-info-area .minicart__product--items[data-id="' + id + '"]').remove(); $('.cart_item[data-id="' + id + '"]').remove(); Cookies.set('cart', JSON.stringify(cookieObject)); } totalCart(); }); $('body').on('click', '.plus_cart', function () { var id = $(this).data('id'); var cartData = Cookies.get('cart'); var cookieObject = {}; if (cartData) { cookieObject = JSON.parse(cartData); } if (cookieObject.hasOwnProperty(id)) { cookieObject[id]++; $('.quantity__number[data-id="' + id + '"]').val(cookieObject[id]); $('table .cart_item[data-id="' + id + '"] .product-quantity').html('x ' + cookieObject[id]); } totalCart(); Cookies.set('cart', JSON.stringify(cookieObject)); }); $('body').on('click', '.minus_cart', function () { var id = $(this).data('id'); var cartData = Cookies.get('cart'); var cookieObject = {}; if (cartData) { cookieObject = JSON.parse(cartData); } if (cookieObject.hasOwnProperty(id)) { cookieObject[id]--; $('.quantity__number[data-id="' + id + '"]').val(cookieObject[id]); $('table .cart_item[data-id="' + id + '"] .product-quantity').html('x ' + cookieObject[id]); if (cookieObject[id] <= 0) { delete cookieObject[id]; $('table .cart_item[data-id="' + id + '"]').remove(); $('.tpcart__product-list .minicart__product--items[data-id="' + id + '"]').remove(); } } totalCart(); Cookies.set('cart', JSON.stringify(cookieObject)); }); $('body').on('change keyup', '.quantity__number', function () { var id = $(this).data('id'); var cartData = Cookies.get('cart'); var cookieObject = {}; if (cartData) { cookieObject = JSON.parse(cartData); } var val = $(this).val(); if (cookieObject.hasOwnProperty(id) && val > 0) { cookieObject[id] = val; $('table .cart_item[data-id="' + id + '"] .product-quantity').html('x ' + cookieObject[id]); } else { delete cookieObject[id]; $('table .cart_item[data-id="' + id + '"]').remove(); $('.tpcart__product-list .minicart__product--items[data-id="' + id + '"]').remove(); } totalCart(); Cookies.set('cart', JSON.stringify(cookieObject)); });