WooCommerce में Ajaxify हेडर कार्ट आइटम गिनती

आवश्यकता की पहचान करना

WooCommerce में एकीकृत वर्डप्रेस थीम, हेडर कार्ट को अपडेट करना पेज को दोबारा लोड किए बिना आइटम गिनना एक आम चुनौती है। jQuery एक समाधान प्रदान करता है, लेकिन प्रश्न तब उठते हैं जब आइटम कई मात्रा में जोड़े जा सकते हैं। jQuery का उपयोग करके सत्र, मान को प्रतिध्वनित करने के लिए एक reloadCart.php फ़ाइल बनाई जाती है:

कार्ट->get_cart_contents_count(); ?>

AJAX कार्यान्वयन

cart->get_cart_contents_count();
?>

बेहतर दृष्टिकोण

रीलोड पर भरोसा करने के बजाय, WooCommerce एक समर्पित Wocommerce_add_to_cart_fragments एक्शन हुक प्रदान करता है जो Ajax का समर्थन करता है।

HTML एकीकरण

एक अद्वितीय आईडी या वर्ग के साथ हेडर में कार्ट गिनती एम्बेड करें:

$items_count = WC()->cart->get_cart_contents_count(); ?>

PHP कोड

$items_count = WC()->cart->get_cart_contents_count(); 
?>
    

add_filter( ' Woocommerce_add_to_cart_fragments', 'wc_refresh_mini_cart_count');
फ़ंक्शन wc_refresh_mini_cart_count($टुकड़े){
    ob_start();
    $आइटम_काउंट = WC()->कार्ट->get_cart_contents_count();
    ?>
    

    
यदि क्लास का उपयोग कर रहे हैं तो #मिनी-कार्ट-काउंट को .मिनी-कार्ट-काउंट से बदलें।
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();
    ?>
    

    
यदि अतिरिक्त jQuery रीफ्रेश करें आवश्यक है:
$(document.body).trigger('wc_fragment_refresh');
या
$(document.body).trigger ('wc_fragments_refreshed');