Javascript Shopify使用AJAX更新cart.item\u计数

在my

Shopify

站点的产品详细信息页面上，当您单击“

添加到购物车

”时，该页面使用

AJAX

来完成它的工作。但是有一个名为

cart.item\u count

的变量，除非页面刷新，否则该变量不会更新

问题：如何让AJAX更新该页面上的

cart.item\u count

下面是HTML页面的代码：

        <div id="mini-cart" >

            <span class="cart_count_info">Cart ({{ cart.item_count }})</span>//THIS SPAN IS WHAT NEEDS TO BE UPDATED 

        </div>

         <p id="add-to-cart-msg"></p> //THIS "P" IS UPDATED BY THE AJAX WITH MESSAGING SEE BELOW JAVASCRIPT

          <form action="/cart/add" method="post" class="variants" id="product-actions" enctype="multipart/form-data">
              //TOOK OUT SOME OF THE FORM DATA THAT IS NOT NEED FOR THIS EXAMPLE

          </form>

除去

$('span#cart_count_info').load(Cart ({{ cart.item_count }})); 

并将其替换为下面的“UpdateCartDesc”函数（请参阅您的成功消息）

除去

$('span#cart_count_info').load(Cart ({{ cart.item_count }})); 

并将其替换为下面的“UpdateCartDesc”函数（请参阅您的成功消息）

---

当您单击“添加到购物车”时，将其作为其相关标题，您将获得购物车中产品的更新数量

只需将class

购物车计数添加到div中即可。您的结构应如下所示：

#pageheader > .cart-summary > .cart-count

当您单击“添加到购物车”时，将其作为其相关标题，您将获得购物车中产品的更新数量

只需将class
购物车计数添加到div中即可。您的结构应如下所示：

#pageheader > .cart-summary > .cart-count