如何使用 Ajax 動態更新 WooCommerce 標頭購物車專案計數？

Woocommerce 中的Ajaxify 標頭購物車項目計數

概述：

在Woocommerce 中，在加入時添加時標頭購物車的項目計數/使用Ajax 無需重新加載頁面即可實現刪除項目。

解決方案：

1.購物車計數的HTML 標記：

在主題的header.php 中，加入以下程式碼以將購物車計數嵌入到具有唯一ID 或類別的HTML 標記中：

<code class="html"><?php 
$items_count = WC()->cart->get_cart_contents_count(); 
?>
<div id="mini-cart-count"><?php echo $items_count ? $items_count : ' '; ?></div></code>

2。程式碼實作：

接下來，將此程式碼新增至您的functions.php檔案或任何外掛程式檔案：

<code class="php">add_filter( 'woocommerce_add_to_cart_fragments', 'wc_refresh_mini_cart_count');
function wc_refresh_mini_cart_count($fragments){
    ob_start();
    $items_count = WC()->cart->get_cart_contents_count();
    ?>
    <div id="mini-cart-count"><?php echo $items_count ? $items_count : ' '; ?></div>
    <?php
        $fragments['#mini-cart-count'] = ob_get_clean();
    return $fragments;
}</code>

此鉤子使用以下內容更新「mini- cart-count」元素將商品加入購物車後更新的計數。

3.可選jQuery 觸發器：

如果您希望透過jQuery 強制更新計數，請使用下列委託事件之一：

<code class="javascript">$(document.body).trigger('wc_fragment_refresh');</code>

<code class="javascript">$(document.body).trigger('wc_fragments_refreshed');</code>

以上是如何使用 Ajax 動態更新 WooCommerce 標頭購物車專案計數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！