Shopify 变体更改后如何刷新库存？

Question

在 Shopify 上，我得到了此代码，用于在产品页面上显示可用的库存数量，并具有漂亮的视觉效果，但它不会在具有变体的产品上刷新。我正在寻找一种基于此代码（无需刷新页面）在变体更改后更新库存可用性的方法。

        Refresh Stock Availability After Variant Changes
    {% assign current_variant = product.selected_or_first_available_variant %}
        <div class="instock-pulse">
          {% if current_variant.available %}
          {% if current_variant.inventory_quantity > 0 %}<span class="icon--pulsing"></span>{{ current_variant.inventory_quantity }} pieces in stock
          {% endif %}
          {% endif %}
        </div>

Answer 1

您需要连接 JavaScript 中的变体更新函数，然后使用当前变体库存量更新该范围。

Liquid 是在服务器上编译的，因此页面的任何更新都需要使用 JS 进行