Shopify商品库存小于3时自定义库存提示文本问题求助

问题分析 #

你当前的代码仅判断了商品是否可用（product.available），未添加库存小于3的核心判断条件，同时页面原有库存提示代码未被移除或替换，导致旧文本仍在显示。

修复步骤 #

1. 修正条件判断逻辑
   替换现有代码为以下内容，补充库存数量判断及库存跟踪验证：

   {% if product.available and current_variant.inventory_quantity < 3 and current_variant.inventory_management == 'shopify' %}
     <div class="remaining">
       <span class="variant-inventory">Low stock. Order yours now.</span>
     </div>
   {% endif %}
   

   • 添加current_variant.inventory_management == 'shopify'是为了确保当前变体开启了Shopify库存跟踪，避免未开启库存管理时出现异常显示。

2. 移除原有库存提示代码
   在product-addcart.liquid区块中找到输出类似{{ current_variant.inventory_quantity }} pieces left! Order yours now的代码段，将其删除。若找不到，可检查主题的product-template.liquid或product-variants.liquid等相关文件。

3. 验证多变体场景
   若商品有多变体，需确保切换变体时提示同步更新：
   多数主题通过JavaScript监听变体切换事件，需将新提示逻辑整合到原有JS代码中，保证变体切换时库存提示能实时渲染。

关键注意事项 #

• 确认商品变体的库存跟踪已开启（Shopify后台商品编辑页，变体库存设置中勾选“跟踪库存”）。
• 若库存为0，product.available会返回false，此时不会显示低库存提示（符合售罄商品的逻辑）。

内容的提问来源于stack exchange，提问作者Sharanya Kunnath