WooCommerce의 Ajaxify 헤더 카트 항목 수

필요 식별

WooCommerce 통합 WordPress 테마에서 헤더 카트 업데이트 페이지를 다시 로드하지 않고 항목 수를 계산하는 것은 일반적인 문제입니다. jQuery는 솔루션을 제공하지만 항목을 여러 수량으로 추가할 수 있는 경우 질문이 발생합니다.

AJAX를 활용하여 총 개수 검색

PHP에서 총 장바구니 개수를 동적으로 검색하려면 jQuery를 사용하는 세션에서는 다음 값을 반영하기 위해 reloadCart.php 파일이 생성됩니다.

cart->get_cart_contents_count();
?>

AJAX 구현

그러나 jQuery의 get(), post() 또는 ajax() 함수를 사용하여 이 파일에 대한 AJAX 호출 시도가 실패했습니다. .

향상된 접근 방식

WooCommerce는 다시 로드에 의존하는 대신 Ajax를 지원하는 전용 woocommerce_add_to_cart_fragments 액션 후크를 제공합니다.

HTML 통합

고유 ID 또는 클래스를 사용하여 헤더에 카트 수를 삽입합니다.

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

PHP 코드
테마의 function.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();
    ?>
    

    
클래스를 사용하는 경우 #mini-cart-count를 .mini-cart-count로 바꾸세요.
jQuery 새로 고침
추가 jQuery를 새로 고치는 경우 필수:
$(document.body).trigger('wc_fragment_refresh');
또는
$(document.body).trigger('wc_fragments_refreshed');