Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?

Question

[Андрей]

В хедере вывожу счетчик

<span id="wishlist-count"><?php echo YITH_WCWL()->count_products(); ?></span>

js

jQuery(document).ready(function($) {
   
    function updateWishlistCount() {

        $.get('<?php echo esc_url(YITH_WCWL()->get_wishlist_url()); ?>', function(response) {
            var count = $(response).find('#wishlist-count').text(); 
            $('#wishlist-count').text(count);  
        });
    }

    $(document.body).on('added_to_wishlist', function() {
        updateWishlistCount(); 
    });


    $(document.body).on('removed_from_wishlist', function() {
        updateWishlistCount(); 
    });

   
    updateWishlistCount(); 
});

functions

function get_wishlist_count() {

	$wishlist_count = YITH_WCWL()->count_products();
	

	wp_send_json_success(array('count' => $wishlist_count));
}


add_action('wp_ajax_get_wishlist_count', 'get_wishlist_count');  
add_action('wp_ajax_nopriv_get_wishlist_count', 'get_wishlist_count');

кнопка

<?php if ( function_exists( 'YITH_WCWL' ) ) : ?>
    <div class="custom-wishlist-button">
        <?php echo do_shortcode('[yith_wcwl_add_to_wishlist]'); ?>
    </div>
<?php endif; ?>

Счетчик обновляется только при перезагрузке страницы
как сделать что бы обновлялся после клика добавить? кто делал уже?

Comments

[Илья]

Ajax используй