Shopify Liquid / jQuery - Get cart item count

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);
});

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

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.

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.

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.