如何在 Shopify 上的变体更改后刷新库存可用性?

How to refresh stock availability after variant changes on Shopify?

提问人:haze 提问时间:10/5/2023 更新时间:10/6/2023 访问量:100

问:

在 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>
HTML CSS 变量 Shopify Liquid

评论

0赞 Hardik Satasiya 10/6/2023
你能分享一下你正在使用哪个主题吗,它是最新的黎明主题吗?

答:

0赞 Up at Five 10/6/2023 #1

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

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

0赞 Hardik Satasiya 10/6/2023 #2

如果您使用的是主题,则只需在正确的位置使用代码片段即可轻松做到这一点。由于 Dawn 主题正在使用 ajax 更新 HTML。Dawn

如果您使用的是另一个主题,那么我们需要检查它是否由 js 更新,如果是这样,那么我们需要编写 js 代码来更新变体 Stock。(如果需要,您可以共享商店的访问权限,我可以为您提供帮助)

enter image description here

预期输出

enter image description here

如有任何疑问,请发表评论。

评论

0赞 haze 10/6/2023
您好,我在Skype上向您发送消息。