Сегодня столкнулся с подобной проблемой, решил следующим образом -
Там, где Вы используете корзину пишем:
<a class="cart-contents" href="<?php echo WC()->cart->get_cart_url(); ?>" title="<?php _e( 'Перейти к оформлению товаров' ); ?>"><?php echo sprintf (_n( '%d товар', '%d товаров', WC()->cart->cart_contents_count ), WC()->cart->cart_contents_count ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
В файле функций добавляем:
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()->cart->get_cart_url(); ?>" title="<?php _e( 'View your shopping cart' ); ?>"><?php echo sprintf (_n( '%d товар', '%d товаров', WC()->cart->cart_contents_count ), WC()->cart->cart_contents_count ); ?> - <?php echo WC()->cart->get_cart_total(); ?></a>
<?php
$fragments['a.cart-contents'] = ob_get_clean();
return $fragments;
}
Классы свои можете оставить естественно, лишь бы они в функции и ссылке совпадали, ничего сложного, ну и конечно же в теме, в товарах ajax должен быть включен.
---
У меня с небольшой проверкой, на пустую корзину, выглядит в общем и целом вот так (но оно Вам может и не нужно совершенно, кода выше хватает для работы):
<div class="cart-contents header-wrap__cart">
<center>Моя корзина<br>
<i class="fa fa-shopping-cart"></i><br>
<a class="cart-items cart-contents" href="<?php echo WC()->cart->get_cart_url(); ?>" title="Посмотреть корзину">
<span class="header-wrap__cart-quant-val cart-count" style="color:#000000;">
<?php
if (WC()->cart->cart_contents_count > 0) {
echo sprintf(_n('%d товар', '%d товаров', WC()->cart->cart_contents_count, 'store'), WC()->cart->cart_contents_count); ?></span><br>
<span style="color:#000000;" class="header-wrap__cart-quant-val cart-count">На <?php echo WC()->cart->get_cart_total(); ?>
</span>
<?php
} else {
echo '<span class="header-wrap__cart-quant-val cart-count" style="color:#000000;">Корзина пуста</span>';
}
?>
</a></center>
</div>