$(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=' justify-content-center align-items-center border-0' style='text-align: center;'><div data-comp-title='Grid Column' class='row text-center dropzone justify-content-center align-item-center ui-droppable ml-1'><i data-id=" + cartArray[i].id + " class='delete-item fas fa-trash fa-fw draggable' style='font-size: 18px;color: #a1a1a1; margin-top:0px!important'></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' ><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 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);
});
activeMenuUrl()
Give Us a Call to Know More
CATEGORIES
blog_category Object
Recent Post
blog Object
7 Most Common Misconceptions Regarding Bookkeeping
10/12/2021, 7:44:32 AM
Top Reasons Why Accounting Marketing Fails
10/12/2021, 8:35:05 AM
5 REASONS WHY YOU SHOULD CHOOSE US TO BUILD YOUR NEW WEBSITE
12/8/2021, 12:35:02 PM
10 Effective Ways to Promote Your Website for Free
2/10/2021, 10:18:07 AM
How Having a Bad Website Can Hurt Your Business
2/15/2021, 1:27:27 PM
jQuery(".my-move").mousemove(
function(e){
var offset = jQuery(this).offset();
var xPos = e.pageX - offset.left;
var yPos = e.pageY - offset.top;
var mouseXPercent = Math.round(xPos / jQuery(this).width() * 100);
var mouseYPercent = Math.round(yPos / jQuery(this).height() * 100);
jQuery(this).find('.img-move').each(
function(){
var diffX = jQuery('#Parallax').width() - jQuery(this).width();
var diffY = jQuery('#Parallax').height() - jQuery(this).height();
var myX = diffX * (mouseXPercent / 350);
var myY = diffY * (mouseYPercent / 280);
var cssObj = {
'left': myX + 'px',
'top': myY + 'px'
}
jQuery(this).animate({left: myX, top: myY},{duration: 50, queue: false, easing: 'linear'});
}
);
}
); $(document).ready(function(){
$("#OpenForm").click(function(){
$(".callback_form_area").animate({
width: "toggle"
});
$("#blackback").toggle();
});
$(".closeform").click(function(){$(".callback_form_area").animate({
width: "toggle"
}); $("#blackback").toggle(); });
});
