I have successfully implemented adding multiple items with quantities to the cart using AJAX. However, after adding a product, the mini cart is not updating as expected. I am calling WC_AJAX::get_refreshed_fragments() in my function.php and have a hook set up to update the cart (woocommerce_add_to_cart_fragments). What can be done to force the mini cart to update properly or what may need fixing in the code?
JS
// Array with products to add along with their quantities
productsToAdd
$(document).on('click', '.buy-tovar', function (e) {
e.preventDefault();
productsToAdd.forEach(function(item){
var data = {
action: 'woocommerce_ajax_add_to_cart',
product_id: item['id'],
quantity: item['quantity']
};
$.ajax({
type: 'post',
url: wc_add_to_cart_params.ajax_url,
data: data,
async: false,
success: function (response) {
$('.buy-tovar').addClass("added");
},
});
});
});
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 href="<?php echo wc_get_cart_url(); ?>" class="cart">
<div class="img-block">
<img src="<?php echo get_template_directory_uri();?>/image/cart.png" alt="">
<span><?php echo count( WC()->cart->get_cart()); ?></span>
</div>
</a>
<?php
$fragments['a.cart'] = ob_get_clean();
return $fragments;
}
//AJAX
add_action('wp_ajax_woocommerce_ajax_add_to_cart', 'woocommerce_ajax_add_to_cart');
add_action('wp_ajax_nopriv_woocommerce_ajax_add_to_cart', 'woocommerce_ajax_add_to_cart');
function woocommerce_ajax_add_to_cart() {
$product_id = apply_filters('woocommerce_add_to_cart_product_id', absint($_POST['product_id']));
$quantity = absint($_POST['quantity']);
$passed_validation = apply_filters('woocommerce_add_to_cart_validation', true, $product_id, $quantity);
$product_status = get_post_status($product_id);
if ($passed_validation && WC()->cart->add_to_cart($product_id, $quantity) && 'publish' === $product_status) {
do_action('woocommerce_ajax_added_to_cart', $product_id);
if ('yes' === get_option('woocommerce_cart_redirect_after_add')) {
wc_add_to_cart_message(array($product_id => $quantity), true);
}
WC_AJAX::get_refreshed_fragments();
} else {
$data = array(
'error' => true,
'product_url' => apply_filters('woocommerce_cart_redirect_after_error', get_permalink($product_id), $product_id));
echo wp_send_json($data);
}
wp_die();
}