Skip to content

Instantly share code, notes, and snippets.

@bjornbennett

bjornbennett/AJAX-cart-item-count.js

Created May 3, 2018 02:48
Show Gist options
  • Save bjornbennett/695db8f004caa574e7ca1f2035259471 to your computer and use it in GitHub Desktop.
Save bjornbennett/695db8f004caa574e7ca1f2035259471 to your computer and use it in GitHub Desktop.
Download ZIP
Shopify Liquid / jQuery - Get cart item count
Raw
AJAX-cart-item-count.js
// on anchor click, after 300ms, fetch cart count.
$('a').click(function(){
setTimeout(function(){
$.getJSON('/cart.js', function(cart){
var result = cart.item_count;
console.log(result);
});
},300);
});
@bjornbennett
Copy link
Author

Thanks for that script! Really helpful!
Why we use here setTimeout?

@zaliVAT No problem! I believe I was having issues with it firing too soon maybe (can't remember!), so I delayed it by 300ms. You could easily remove it and if it works, you'll probably be fine. Just remove line 4 & 9 and you're good to go.

@MurukanK
Copy link

Hi @bjornbennett

I used your code.
But its show an error
Access to XMLHttpRequest at 'https://shop.test.co.nz/cart.json' from origin 'https://testDomain.nz' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

@bjornbennett
Copy link
Author

bjornbennett commented Mar 23, 2023 •
edited
Loading

Hmm not sure why you're getting an error for cart.json, although the code sends an AJAX request to cart.js. Are you sending an AJAX request to cart.json instead? Typo maybe? I just tried it again on the link above and it appears to still be functional.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment