Mini Cart display total number of items in cart

[maxon]

I'm playing around with showing the customer how many items they have in their cart. I've followed the unofficial mini-cart hack:

<script type="text/javascript">
var EJConfig = {}
EJConfig.onload = cartLoaded
function cartLoaded(x){
	if(typeof x !== "undefined"){
		if(x.Cart.Items)
			document.querySelectorAll(".EJ-CartItemsNum").forEach(function(y){ y.innerHTML = x.Cart.Items.length; })
		else
			document.querySelectorAll(".EJ-CartItemsNum").forEach(function(y){ y.innerHTML = "0"; })
			
	}
}
window.onload = function(){
	EJCart.getCartJSON("12345678", cartLoaded)
}
</script>

The issue I'm having is that it's only calculating the number of individual products in my cart, not the total quantity of products in my cart.

Example:
Product A with 2 qty
Product B with 3 qty
It's currently showing I have 2 items in my cart instead of 5.

<b class="EJ-CartItemsNum">2</b>

Any insight would be appreciated.
Thanks.

[E-junkie_Guru]

We'll have to ask our Devs about that; thanks for reporting the problem. Either there's a bug in how our cart script returns a value for x.Cart.Items.length or there's some other variable to use for total item quantity, so Dev will need to clarify that.

[maxon]

Thanks for the quick reply.
I've provided screen captures of the overlay cart and mini-cart to give you an example of what is occurring. You'll notice there should be 6 items, not 3 in the min-cart.

[E-junkie_Guru]

Our Lead Dev got back to us; apparently the total item quantity needs to calculated in your minicart scripting, as there is no single variable which reports that figure directly from the cart. They provided the following revised code which should do the trick:

var EJConfig = {}
EJConfig.onload = cartLoaded
function cartLoaded(x) {
    if (typeof x !== "undefined") {
        let cartQuantity = 0;
        if (x.Cart.Items) {
            for (var ii = 0; ii < x.Cart.Items.length; ii++) {
                cartQuantity = cartQuantity + x.Cart.Items[ii].quantity;
            }
        }
        document.querySelectorAll(".EJ-CartItemsNum").forEach(function (y) { y.innerHTML = cartQuantity; })
    }
}
window.onload = function () {
    EJCart.getCartJSON("CID", cartLoaded)
}

(As before, replace the CID in that last line with your actual E-junkie Client ID.)

[maxon]

Perfect. I've tested and it works.
Appreciate your help and assistance.