Question

97

Update Woocommerce cart after adding a product (jQuery)

rated 0 times [ 99] [ 2] / answers: 1 / hits: 29186 / 12 Years ago, tue, december 18, 2012, 12:00:00

The Ajax seems to work just fine but the cart content won't refresh as expected. I want the contents of the cart to be refreshed once the add to cart button is clicked.
As it is now, I have to refresh the page manually to see the added products.

I'm using this function to add a product to my woocommerce cart:

      function addToCart(p_id) {

            jQuery.ajax({

              type: 'POST',

              url: '/wp/?post_type=product&add-to-cart='+p_id,

              data: { 'product_id':  p_id,

              'quantity': amount},

              success: function(response, textStatus, jqXHR){

                    console.log(Product added);

                }/*,

              dataType: 'JSON'*/

            }); 

      }



    jQuery('#addToCart').click(function(e) {

      e.preventDefault();

      addToCart(prod_id[product_id]);

      return false;

    });

Is it possible to refresh only the cart after a product was added?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

bradleymoisesy

Add To Favorites

Follow

Total Points: 121

Total Questions: 105

Total Answers: 95

Location: Nepal

Member since Mon, Jan 4, 2021

3 Years ago

bradleymoisesy questions

1 which data type to use to expect date value in jest

Wed, Dec 22, 21, 00:00, 2 Years ago

1 React/Next.js doesn't seem to work with Apexcharts

Tue, Jun 1, 21, 00:00, 3 Years ago

1 React chart : prevent chart's canvas scaling with height and width

Mon, Feb 1, 21, 00:00, 3 Years ago

1 How to create Create an Excel File with javascript?

Thu, Jun 11, 20, 00:00, 4 Years ago

1 How to create a search filter using Vue js from API Data?

Thu, Jan 16, 20, 00:00, 4 Years ago

View All

answered 12 Years ago chelseyn · Accepted Answer

This is possible - you need to use a modified version of this code:

http://docs.woothemes.com/document/show-cart-contents-total/

Edit - in case of future 404's

<a class=cart-customlocation 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>



// Ensure cart contents update when products are added to the cart via AJAX (place the following in functions.php).

// Used in conjunction with https://gist.github.com/DanielSantoro/1d0dc206e242239624eb71b2636ab148

add_filter('add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment');



function woocommerce_header_add_to_cart_fragment( $fragments ) {

    global $woocommerce;



    ob_start();



    ?>

    <a class=cart-customlocation href=<?php echo $woocommerce->cart->get_cart_url(); ?> title=<?php _e('View your shopping cart', 'woothemes'); ?>><?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes'), $woocommerce->cart->cart_contents_count);?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a>

    <?php



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



    return $fragments;



}