Help - Add Javascript loading to the cart for ajax calls

sampoyigi

First you should create a copy of extensions/cart_module/views/cart_module.php in your theme folder YOURTHEME/cart_module/cart_module.php

Then you can add your custom code within the removeCart javascript function on line 256

removeCart()

jestintab

I want add javascript loading to the cart for the time being it finishes its ajax call.

For example if I click on the remove button left to the menu item the cart it took one or two seconds to reflect the change, at that time I can add a css overlay to prevent double clicking over the button?

I want to use to every ajax calls, because it have 1 or 2 seconds delay and user keep clicking it makes run everything twice.

Really appreciate any help for this. Thank you.

jestintab

Thanks @sampoyigi . It works like charm! If any want to use it. Below is the code I used. for css overlay loading spinner: https://codepen.io/MattIn4D/pen/LiKFC add a div with id 'cartloading' with style display none;

function removeCart(menu_id, row_id, quantity) { $('#cartloading').css('display', 'block'); // runs when function is called. $.ajax({ url: js_site_url('cart_module/cart_module/remove'), type: 'post', data: 'menu_id' + menu_id + '&row_id=' + row_id + '&quantity=' + quantity, dataType: 'json', success: function(json) { $('#cartloading').css('display', 'none'); //removes the css overlay

updateCartBox(json) } });

} You can add it on any ajax function calls.