从 header 的 Storefront 迷你购物车中删除文本 "item/items"，启用 ajax

Question

在 Storefront 中，header 中有一个迷你购物车，其中显示了商品的价格和数量。我需要从 .count 元素中删除单词“item”/“items”。我尝试用以下内容覆盖 storefront_cart_link() ：

function storefront_cart_link() {
if ( ! storefront_woo_cart_available() ) {
    return;
}
?>
<a class="cart-contents" href="<?php echo esc_url( wc_get_cart_url() ); ?>" title="<?php esc_attr_e( 'View your shopping cart', 'storefront' ); ?>">
    <?php /* translators: %d: number of items in cart */ ?>
    <?php echo wp_kses_post( WC()->cart->get_cart_subtotal() ); ?> <span class="count"><?php echo wp_kses_data( WC()->cart->get_cart_contents_count()  ); ?></span>
</a>
<?php }

上面的代码有效，但当页面加载时，它再次在计数后显示“items”。我猜这与AJAX有关。因为这个词没有包含在它自己的元素中，所以我不能用 CSS 隐藏它。如何在保持相同功能的同时删除它（如果可能）？

Answer 1

我发现问题是由 Woocommerce 购物车碎片引起的。在购物车的内容被修改之前，片段不会更新。我不明白这一点，因为硬刷新没有用。我修改了 storefront_cart_link() 和 Woocommerce 模板文件 mini-cart.php。在 adding/removing 件商品放入购物车后，片段已更新并且按预期工作。

从 header 的 Storefront 迷你购物车中删除文本 "item/items"，启用 ajax

Remove text "item/items" from Storefront mini cart in header, with ajax enabled

ajax

wordpress

storefront

woocommerce