$(function(){ setTimeout(function() { let shoppingCartWidget = $("[data-component-shoppingcart]"); if (shoppingCartWidget.length > 0) { let shoppingCart = init_shopping_cart(); if (!$(document).find('div#addcart_message').length) { $('<div id="addcart_message"></div>').prependTo(shoppingCartWidget); } $("body").on("click", ".add-to-cart", function(event) { event.preventDefault(); let title = $(this).data("name"); let id = $(this).data("id"); let ref_object = $(this).data("ref_object"); let price = Number($(this).data("price")); let image = $(this).data("image"); let image_exist = image ? image : ""; let max_items = $(this).data("max_items"); let max_items_exist = max_items ? max_items : ""; shoppingCart.addItemToCart(id, ref_object, title, price, 1,image_exist,max_items_exist); displayCart(); }); shoppingCartWidget.find(".clear-cart").click(function() { if (confirm('Are you sure you want to Clear the Cart?')) { shoppingCart.clearCart(); displayCart(); } else{ return false; } }); function displayCart() { $('#shoppingcart_popup .modal-footer').show(); let cartArray = shoppingCart.listCart(); let output = ""; console.log("cartarray",cartArray); if (cartArray.length >0) { for(var i in cartArray) { let min_qty_check = cartArray[i].count == 1 ? "disabled_cart_qty" : "cart_qty"; console.log("min_qty_check",min_qty_check); output += "<tr><th data-comp-title='Table Cell'class=' draggable' style='text-align: center;'><div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable ml-1'><i data-id=" + cartArray[i].id + " class='delete-item fa-close fas fa-times draggable' style='font-size: 18px;color: #a1a1a1;'></i></div></th>" + "<td data-comp-title='Table Cell' class='draggable'><div data-comp-title='Grid Row' class='row mr-0 ml-0 dropzone ui-droppable' data-htmlcomponent-type='html/gridrow'><div data-comp-title='Grid Column' class='col-lg-4 text-center dropzone ui-droppable'><picture data-htmlcomponent-type='widgets/mediamanager' class='draggable' ><img data-component-mediamanager='Product Image' data-comp-title='Media Manager' src=" + cartArray[i].image + " style='mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: 50% 50%;-webkit-mask-position: 50% 50%;mask-size: auto 100%;-webkit-mask-size: auto 100%;' data-src=" + cartArray[i].image + " data-source='LOCAL' data-license_type='FREE' data-img_id='0' width='100px' height='100px' alt='No Image' </picture></div><div data-comp-title='Grid Column' class='col-lg-8 dropzone ui-droppable' style='display: flex;align-items: center;'><span style='text-transform: uppercase; white-space: nowrap; font-size: 14px;font-weight: 600;' class='draggable'>"+ cartArray[i].title + "</span></div></div></td>" + "<td data-comp-title='Table Cell' class='draggable'><div style='font-weight: 600;' class='dropzone ui-droppable'>$"+ cartArray[i].price +"</div></td>" + "<td data-comp-title='Table Cell' class='draggable'> <div data-comp-title='Grid Column' class='row text-center dropzone ui-droppable'><div class='container'><div class='input-group spinner'><input maxlength="3" data-id=" + cartArray[i].id + " value=" + cartArray[i].count + " type='number' class='item-count form-control' data-comp-title='number Input' class='form-control' style='padding: 0px; width: 63px;text-align: center; height: 52px;'><div class='input-group-btn-vertical'><div data-id=" + cartArray[i].id + " class='btn btn-default plus-item'><i class='fa fa-caret-up'></i></div><div data-disabled="+min_qty_check+" data-id=" + cartArray[i].id + " class='minus-item btn btn-default'><i class='fa fa-caret-down'></i></div></div></div></div></div></td>" + "<td data-comp-title='Table Cell' class='draggable'>$" + cartArray[i].total + "</td>" + "</tr>"; } }else{ output += "<tr><td colspan='5'>Your Cart is Empty...</td></tr>"; $('#shoppingcart_popup .modal-footer').hide(); } shoppingCartWidget.find(".show-cart").html(output); shoppingCart_totalCart=Number(shoppingCart.totalCart()).toFixed(2); shoppingCartWidget.find(".total-cart").html(shoppingCart_totalCart); shoppingCartWidget.find(".total-count").html(shoppingCart.totalCount()); } shoppingCartWidget.find(".show-cart").on("click", ".delete-item", function(event) { if (confirm('Are you sure you want to remove this item?')) { let id = $(this).data("id"); shoppingCart.removeItemFromCartAll(id); displayCart(); } else{ return false; } }); shoppingCartWidget.find(".show-cart").on("click", ".minus-item", function(event) { let id = $(this).data("id"); shoppingCart.removeItemFromCart(id); displayCart(); }); shoppingCartWidget.find(".show-cart").on("click", ".plus-item", function(event) { let id = $(this).data("id"); shoppingCart.addItemToCart(id); displayCart(); }); shoppingCartWidget.find(".show-cart").on("change", ".item-count", function(event) { let id = $(this).data("id"); let count = Number($(this).val()); shoppingCart.setCountForItem(id, count); displayCart(); }); displayCart(); } }, 2000); });