Woocommerce_mini_cart Add to Cart ISsue

Your custom add-to-cart Javascript will be calling an ajax function to do the add-to-cart, and this should include lines to regenerate the html for the mini cart contents:

ob_start();
woocommerce_mini_cart();
$response->cart_content = ob_get_clean();

Your Javascript ajax response function must update the cart div with this new content something like this:
document.getElementsByClassName( "widget_shopping_cart_content" ).innerHTML = response.cart_content;

Hi Lorro.

I don’t have any custom javascript ajax functions: they’re just the standard add to cart.

Are you suggesting I hook something to the “added_to_cart” function?

$(document.body).on("added_to_cart", function() { };?

I’d have to ajax response to fill in there.

I’m assuming woocommerce_mini_cart() doesn’t natively get updated upon adding to cart?

• This reply was modified 6 years, 7 months ago by hnwp.

The mini cart will be updated on a vanilla setup, but you mentioned in your first post you had a custom function to update the cart fragments. Its seems this is interfering with the usual behaviour.

hi

The only thing “custom” is this, which just updates the cart count.

//AJAX immediately update number of items in cart
add_filter( 'add_to_cart_fragments', 'iconic_cart_count_fragments', 10, 1 );
function iconic_cart_count_fragments( $fragments ) {

	$fragments['span.cart-count'] = '<span class="cart-count">' . WC()->cart->get_cart_contents_count() . '</span>';
    	return $fragments;	
}

Even after commenting this out in my functions.php, the issue still persists.

Found the issue. Silly me.

I removed the class “widget_shopping_cart_content”, which is what Woocommerce’s js was looking for to remove the blockUI and such.