Woocommerce更新购物车的类别

我在使用的自定义WooCommerce主题中遇到问题。我非常了解HTML和CSS，但是在PHP和javascript方面我有点新手。除了这个问题之外，我已经设法解决了所有问题;在产品页面中，当我按添加到购物车时，页面会重新加载并显示一条消息，显示"您的产品已添加到购物车"。但是，当我在任何类别页面中将产品添加到购物车时，页面不会重新加载，购物车中的数量也不会增加，直到我手动重新加载页面。

我已经四处寻找答案，但似乎找不到正确的解决方案。有没有办法在类别页面中获得与产品页面相同的功能？

我的购物车代码是：

<div id="cartContent">
  <?php if (class_exists('woocommerce')) :?>
								
    <?php global $woocommerce; ?>
			 
      <span class="cartRow"><?php echo sprintf(_n('Products: %d', 'Products: %d', $woocommerce->cart->cart_contents_count, 'ecogray'), $woocommerce->cart->cart_contents_count);?> </span>
      <span class="cartRow">Sum: <?php echo $woocommerce->cart->get_cart_total(); ?></span>
  <?php endif; ?>
</div>