AJAXを使用して、現在カートに入っている現在の商品の数を表示する

Question

誰かが私をここで助けてくれることを本当に願っています。

私が達成したいのは、現在の商品がショッピングカートにいくつ含まれているかを示す小さなアイコンを表示することです。例えば。ユーザーが商品ページ「新鮮なオレンジ」をブラウズしている場合、ユーザーは2つの新鮮なオレンジをカートに追加し、商品ページのどこかに「2」を表示したい。ここに私のコードは次のとおりです。

<?php foreach(WC()->cart->get_cart() as $cart_item_key => $values) { 
$_product = $values['data'];  
if($_product->id == get_the_ID()) { ?> 
    <div class="quantity-in-cart"> 
     <span><?php echo $values['quantity'] ?></span> 
    </div> 
<?php } } ?> 

それは働いているあなたは、製品ページを更新する場合は、しかし、全体のページは、ユーザーが製品を追加するたびに更新されませんので、私はAJAXを使用していることから、私がこの数量フィールドを必要としますこの商品の詳細がカートに追加されましたので更新してください。

私が本当に感謝してくれる人がいれば、ご質問や、私が書いたことのどれも意味が分かりません。

Answer 1

私はあなたが言及ショッピングカートに慣れていないですが、概念的にはこれは、私はそれ（私の最初のコメントのオプション1）については行くだろうかです：

<div class="quantity-in-cart"> 
    <span data-qty="0" id="qty">0</span> 
</div> 

<input type="number" value="0" step="1" id="add_qty"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
var qty = $('#qty').data('qty'); 

$('#add_qty').on('click', function(event){ 
    $.ajax({ 
     url: "path/to/your/script.php", 
    }).done(function() { 
     $('#qty').attr('data-qty', $(this).val()); 
     $('#qty').html($(this).val()); 
    }); 
}); 

</script> 

Answer 2

私は必要とせず、回避策を見つけました私のニーズに合ったAJAXを使うこと。

ユーザーが後で製品ページに戻った場合のカート内の現在の製品番号を表示します。空の場合、何も表示されません。

<div class="quantity-in-cart"> 
<span><?php foreach(WC()->cart->get_cart() as $cart_item_key => $values) { 
    $_product = $values['data'];  
    if($_product->id == get_the_ID()) { ?><?php echo $values['quantity'] ?> 
<?php } } ?></span> 
</div> 

したがって、現在の製品がカートにない場合、そのスパンには何も表示されません。だから私は、これは0を追加するJSを追加しました：

$span = $(".quantity-in-cart span"); 
if($span.text() == ""){ 
    $span.text("0"); 
} 

今そのスパンで0セットのデフォルト値と、ユーザーがカートに現在の製品の多くを追加した場合、我々はスパンで数を追加することができますカートに追加フォームを介してユーザによって選択された数量に変更される。

$(".description .add-to-cart .add_to_cart_button").click(function() { 
    $('.quantity-in-cart span').text(parseInt($('.quantity-in-cart span').text()) + parseInt($('.quantity .qty').val())); 
}); 

...そして私はそれに満足しています。 PHPを使ってカートに現在のプロダクトがない場合、おそらくそのスパンに0を入れるより良い方法がありますが、私はPHPでうまくいきません。ちょうど誰かが似たようなことを達成するために探しているオフチャンスについて私の回避策を分かち合うと思った。私はまだWooCommerceのAJAX機能を使用してこれを正しく行う方法を見ていることに興味があります（使用可能なミニカートのコードがあるかもしれませんが、私は十分理解できません）。