WooCommerce cart appearance without page reload?

Question

WooCommerce

use this to hide cart from 0

add_action( 'wp_footer', 'hide_cart' );
function hide_cart(){
    if ( WC()->cart->get_cart_contents_count() == 0 ) {
      ?>
      <style>.cart{display: none;}</style>
      <?php
    }
}

it infuriates that when adding a product, the basket appears only if the page is refreshed (and products are added by ajax)
Ps: the same when deleting

Answer 1

well, hang the appearance of the basket on Ajax, what's the problem))

$('body').on('added_to_cart',function(){
    // Callback -> product added
    $('.cart').css('display','block');
});