WooCommerce - Update number of items in cart and total after Ajax

gistfile1.php

<?php

// Ensure cart contents update when products are added to the cart via AJAX (place the following in functions.php)
add_filter( 'woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment' );

function woocommerce_header_add_to_cart_fragment( $fragments ) {
	ob_start();
	?>
	<a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a> 
	<?php
	
	$fragments['a.cart-contents'] = ob_get_clean();
	
	return $fragments;
}

not working

If using the WooCommerce Dynamic Pricing extension the discount is not taken into account. Ideas how to display cart total - discount to give accurate price?

Doesn't work for me either.

Works like a charm!

I could not get this to work.

It totally works like a charm!

I was wondering if it is possible to display the woocommerce message/error after adding content to the cart with AJAX ?

Brilliant! Works fluidly!

Works great! Thanks

Not working in my website.

What WooCommerce Documentation (http://docs.woothemes.com/document/show-cart-contents-total/) takes for granted is you'll copy everything as is. However, I think it's important to note there is a connexion between links classes:

...<a class="cart-contents" href="... // Class cart-contents (this link goes in your template file)

and

$fragments['a.cart-contents'] = ob_get_clean(); // Class cart-contents (this goes in your functions.php)

If you change link class then you must change fragments class, otherwise the ajax counter won't work. Keep in mind if you change the content from an 'a' element to something else (a div for example), then remember to change the fragments' element as well:

...<div class="cart-contents"...

$fragments['div.cart-contents'] = ob_get_clean();

I was wondering why it wasn't working until I figured out I had changed link classes in my template file but forgot to do it in my functions.php file.

Cheers.

Doesn't work for me either, copy/pasted the exact function. Received this error:

Warning: Missing argument 1 for woocommerce_header_add_to_cart_fragment(), called in C:\wamp\www\wordpress\wp-content\themes\serenity\header.php on line 112 and defined in C:\wamp\www\wordpress\wp-content\themes\serenity\admin\ct-woocommerce.php on line 27

Just like @laelitenetwork said, please remember

If you change link class then you must change fragments class, otherwise the ajax counter won't work.

For example, I used a span to show just the count number,

<span class="cart-count">cart->cart_contents_count; ?></span>

I will add the following code to my functions.php

add_filter('add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment');

function woocommerce_header_add_to_cart_fragment( $fragments ) {
  global $woocommerce;

  ob_start();

  ?>
  <span class="cart-count"><?php echo $woocommerce->cart->cart_contents_count; ?></span>
  <?php

  $fragments['span.cart-count'] = ob_get_clean();

  return $fragments;

}

Awesome Works...!

Tried adding this, but it only updated the cart number, the price changed only after I refreshed the page (number changes instantly). Is there a way to make price total prints out automatically as well?

It doesn't work! i'm getting blank screen when i add the code in functions.php

Thanks, works just fine :)

Worked for me, thanks!

This doesn't appear to work anymore now that woocommerce_add_to_cart_fragments is somewhat depreciated but still in the core

Works fine, HOWEVER take note during development/testing, that:

• the fragments are cached, so if you change the layout, empty the basket!
• the fragments are also applied on/after page load, not only when an item is added to the cart.

@neonics, Thanks a lot for note about caching fragments

Hmm. Doesn't work for me. How can I debug that?

@neonics, thanks (again) for the note about caching!

Works. Thx.

global $woocommerce;
if( version_compare( $woocommerce->version, '2.3', '<' ) ){
    // WC 2.3 -
    add_filter('add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment');
} else {
    // WC 2.3 +
    add_filter('woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment');
}

use this plugin... https://wordpress.org/plugins/woocommerce-ajax-cart/

works. thank you.

Awesome Works...! thank you.

Works as expected. Thank you!

Thank you very much, works perfectly !

Use this code on functions.php

add_filter( 'woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment' );
function woocommerce_header_add_to_cart_fragment( $fragments ) {
    ob_start();
    ?>
    <a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a> 
    <?php

    $fragments['a.cart-contents'] = ob_get_clean();

    return $fragments;
}

Use this code on theme file (may be header.php)

<a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf ( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>

it's not working with me. I have tried click add to cart Ajax and then see the number of mini cart is not updated. How to fix it?

Thanks, @winddweb, solved the problem I was having.

Hi If using the WooCommerce Dynamic Pricing extension the discount is not taken into account. Ideas how to display cart total -

thanks. just what i was looking for

Thank you dude, Code work straight away and was just want I was looking for.

Its work, thanks @winddweb

Works as charm !!

Guys, this code WONT work if you're translating something not in the main WP language file.
Because the code lack the textdomain. Instead it shoul look like this:

<?php
// Ensure cart contents update when products are added to the cart via AJAX (place the following in functions.php)
add_filter( 'woocommerce_add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment' );
function woocommerce_header_add_to_cart_fragment( $fragments ) {
	ob_start();
	?>
	<a class="cart-contents" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'woocommerce' ), WC()->cart->get_cart_contents_count() ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a> 
	<?php
	
	$fragments['a.cart-contents'] = ob_get_clean();
	
	return $fragments;
}

note this addition by me:
_n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'woocommerce' ), WC()->cart->get_cart_contents_count()

so now you can use your POedit(or bare hands), and translate the string "%d item"
In the .po file it should look something like this:

msgid "%d item"
msgid_plural "%d items"
msgstr[0] "%d блюдо"
msgstr[1] "%d блюда"
msgstr[2] "%d блюд"

@rajanit2000 i did as per code.. its was working but it another minicart not in the same mini cart as of theme. while theme minicart is still not updating... can you help me plse

@rajanit2000 i did as per code.. its was working but it another minicart not in the same mini cart as of theme. while theme minicart is still not updating... can you help me plse

Do you have any console error when try to update the cart? Can you please share your URL for better understanding

@rajanit2000, https://awalbathonline.com/home-eng.. plse check

@akmahaz11 But I can't find cart-contents this class, Refer my screenshot

https://drive.google.com/file/d/1rLfQtMh8Am2qzZr8J7Kcv7YUq0abyTdm/view?usp=sharing

@rajanit2000, This is the issue, the header cart is not getting updated... how can i resolve this?

@rajanit2000, I am using Flatsome woocommerce theme

Can you please share your header.php file via email?

@rajanit2000, Ihave sent email for you ... please check your mail inbox

I've added throw new Exception('In function.'); to test if the function woocommerce_header_add_to_cart_fragment is being called and it's never called. Why?