(Shopify) 如何在产品页面显示库存水平？答案

【问题标题】：(Shopify) How to show stock level on product page?(Shopify) 如何在产品页面显示库存水平？
【发布时间】：2017-05-05 09:33:59
【问题描述】：

在这里编码菜鸟。

我放弃了。我一个星期以来一直在尝试这个。我无法在我的产品页面上显示库存水平（基于库存）。我正在使用主题“Debut”。我看到了this 和this，但不能让事情发生。任何帮助将不胜感激！

【问题讨论】：

这些链接非常明确。如果你不能用这些来实现，那么你可能需要回顾你对 .liquid 的理解以及它是如何工作的。否则，如果您不想要帮助，您将不得不发布您所做的事情，这里的人可以帮助调试它。
欢迎来到 Stack Overflow！你能分享一些你试过的代码吗？

标签： shopify

【解决方案1】：

Debut 没有 selectCallback。如果您使用其他模板，例如 Launchpad-Star，则说明可以完美运行。

1) 编辑相关产品并确保将库存政策设置为“Shopify 跟踪该产品的库存”。确保取消选中“允许客户在缺货时购买此产品”复选框。

2) 在管理中，点击“查看您的在线商店”。然后单击自定义主题按钮。然后单击带有省略号的按钮并选择“编辑代码”。

3) 转到 Sections->product_template.liquid

4) 将步骤 4 中的代码粘贴到 https://help.shopify.com/themes/customization/products/show-inventory-quantities 中。我将它粘贴在表单 action="/cart/add" 上方。

5) 将下一步（也编号为 4）中描述的更改为 selectCallback。

而且效果很好。

如果您仍想使用 Debut，请执行上述步骤 1-2，然后导航到 Assets->theme.js，然后粘贴

if (variant.inventory_management == "shopify" && variant.inventory_policy != "continue") {
    if (variant.inventory_quantity > 0) {
      jQuery('#variant-inventory').text(' ' + variant.inventory_quantity + ' left in stock.');
    } 
    else {
      jQuery('#variant-inventory').text("This product is sold out");
    }
  } else {
    jQuery('#variant-inventory').text("This product is available");
  }

您想在 _onSelectChange: 函数中执行此操作，大约在第 534 行（在 !variant 的返回下方。）

【讨论】：