Bagaimana untuk Mengemas kini Kiraan Item Troli Pengepala WooCommerce Secara Dinamik Menggunakan Ajax?

Pengiraan Item Troli Pengepala Ajaxify dalam Woocommerce

Ikhtisar:

Dalam Woocommerce, mengemas kini kiraan item troli pengepala apabila ditambahkan /mengalih keluar item boleh dicapai tanpa muat semula halaman menggunakan Ajax.

Penyelesaian:

1. Penanda HTML untuk Kiraan Troli:

Dalam header.php tema anda, tambahkan kod berikut untuk membenamkan kiraan troli dalam teg HTML dengan ID atau kelas unik:

<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. Pelaksanaan Kod:

Seterusnya, tambahkan kod ini pada fail functions.php anda atau mana-mana fail pemalam:

<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>

Kail ini mengemas kini elemen "mini-cart-count" dengan kiraan yang dikemas kini selepas menambah item pada troli.

3. Pencetus jQuery pilihan:

Jika anda ingin memaksa kemas kini kiraan melalui jQuery, gunakan salah satu daripada acara yang diwakilkan ini:

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

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

Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Kiraan Item Troli Pengepala WooCommerce Secara Dinamik Menggunakan Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!