概述:
在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中文網其他相關文章!