$('.add-cart').myCart({
classCartIcon: 'my-cart-icon',
classCartBadge: 'my-cart-badge',
classProductQuantity: 'my-product-quantity',
classProductRemove: 'my-product-remove',
classCheckoutCart: 'my-cart-checkout',
affixCartIcon: true,
showCheckoutModal: true,
clickOnAddToCart: function($addTocart){
goToCartIcon($addTocart);
},
clickOnCartIcon: function($cartIcon, products, totalPrice, totalQuantity) {
console.log("cart icon clicked", $cartIcon, products, totalPrice, totalQuantity);
},
checkoutCart: function(products, totalPrice, totalQuantity) {
console.log("checking out", products, totalPrice, totalQuantity);
},
getDiscountPrice: function(products, totalPrice, totalQuantity) {
console.log("calculating discount", products, totalPrice, totalQuantity);
return totalPrice;
}
});
But Now the problem is i am using load more jquery Which Load Data On Scroll `$(window).scroll(function()..` So on scroll i am showing Div As Following
$.ajax({
url: 'ajax-load-subcat.php',
type: 'post',
data: {row:row,idsubcat:idsubcat},
beforeSend: function() {
$("#dataload").show();
},
success: function(response){
$(".post:last").after(response).show().fadeIn("fast");
$("#dataload").hide();
}
});