为什么要在产品页显示多属性库存
在产品页面上展示库存剩余数量，是一种被验证有效的营销手段。当顾客看到“仅剩5件”的提示时，会自然产生紧迫感，从而加快下单决策。对于服装、鞋类等拥有多个尺码、颜色变体（Variants，即多属性）的商品来说，按变体分别显示库存尤其重要，因为顾客关心的往往是自己想买的那个尺码还有没有货。
Shopify的库存系统本身就支持按变体追踪库存数量，只要设置得当，前台就能实时展示准确数据。这不仅提升了转化率，还能减少顾客下单后因缺货被取消订单的纠纷，改善店铺的整体购物体验。
第一步：开启Shopify后台的库存追踪功能
库存显示的前提是开启库存追踪。登录Shopify后台，进入“产品”菜单，点击要设置的产品进入编辑页面。在“变体”区域，点击每个变体右侧的编辑按钮（或直接勾选多个变体批量编辑）。
在变体编辑页面中，找到“库存”部分，勾选“追踪数量（Track quantity）”选项。勾选后系统会显示数量输入框，填入每个变体的实际库存数字。注意“售罄后可继续销售”选项要根据店铺策略决定，如果希望缺货时自动隐藏购买按钮，就不要勾选它。
所有变体设置完成后点击保存。此时后台已经记录了每个变体的独立库存，后续无论是线上订单还是线下POS出货，库存数量都会自动扣减，前台显示的数据才有准确性可言。
第二步：使用新版主题自带的库存显示功能
如果你使用的是Shopify官方主题（如Dawn、Sense、Craft等较新版本），产品页通常已经内置了库存显示组件，无需编写任何代码即可启用。
进入后台“在线商店”->“自定义”进入主题编辑器，在顶部下拉菜单切换到“产品”->“默认产品页”。在左侧页面区域中点击“产品信息”模块，在展开的区块列表中找到“库存状态（Inventory status）”或“库存（Inventory）”选项，将其勾选启用。
启用后，产品页的产品信息下方会出现库存条或库存文字提示。当某个变体库存低于设定的低库存阈值（默认一般为10件以内）时，会显示“库存不足，仅剩X件”的红色提示；库存充足时则显示“有存货”的绿色提示。切换尺码或颜色时，提示会动态更新为对应变体的库存数据。
第三步：通过修改代码自定义显示样式
如果主题版本较旧或想要更个性化的展示效果，可以通过编辑主题代码实现。先备份主题：进入“在线商店”->“主题”，点击当前主题的“操作”->“复制”创建备份副本。
然后点击“编辑代码”，打开sections文件夹下的main-product.liquid（不同主题文件名可能略有差异，也可能是product-template.liquid）。在希望显示库存的位置插入类似如下逻辑的代码：
通过Liquid的product.selected_or_first_available_variant变量获取当前选中的变体，判断其inventory_quantity与inventory_management是否启用追踪，再输出对应的文字或进度条。常见做法是库存低于阈值时输出“仅剩X件”的橙色提示，高于阈值则不显示或显示“现货充足”。
需要注意，切换变体时的动态刷新依赖主题的JavaScript变体切换事件。新版主题使用variant:changed事件监听，旧版主题可能在jQuery回调中处理。如果代码位置插错或事件没有绑定，就会出现库存数字不随变体切换而更新的问题，建议参考主题官方文档确认事件名称。
使用库存显示类App的方案对比
如果不熟悉代码，第三方App是省心的选择。下面对比几类常见方案：
| 方案 | 优点 | 缺点 |
|---|---|---|
| 主题自带功能 | 免费、稳定、无需维护 | 样式定制有限 |
| 手动改代码 | 完全自定义样式与逻辑 | 需要技术能力，升级主题可能失效 |
| 库存显示App | 功能丰富，可显示进度条、倒计时 | 多数按月收费，可能影响页面速度 |
常见的库存显示App如Stock Scarcity、Low Stock Alert、UCP等，大多提供免费试用期。安装后可以在App设置中自定义阈值、颜色、文案，并在产品页通过App注入的代码块显示效果。选择时注意查看App是否支持按变体级别显示库存，部分免费版本只支持产品级总量显示。
设置过程中的常见问题与注意事项
库存数字不更新：最常见原因是浏览器缓存或CDN缓存，清除缓存后刷新即可。如果多个销售渠道共享库存，确认变体没有勾选“此渠道单独追踪库存”导致数据分离。
切换变体后数字不变：说明库存代码没有绑定变体切换事件，或主题的变体选择器被第三方App替换，导致默认事件失效。排查方法是在浏览器控制台查看是否有JS报错。
低库存阈值设置：阈值建议设在5到10件之间，太高会显得缺货严重，太低则紧迫感不足。部分主题允许在主题编辑器的库存区块设置中直接调整该数值。
最后提醒一点，显示真实库存虽然能促进转化，但如果库存数字长期很高（如显示“有存货”但实际滞销），也要结合销量数据及时清理库存，避免顾客产生“卖不动”的负面印象。合理设置显示规则，让库存信息真正为销售服务。
Shopify多属性库存产品页库存显示Shopify库存管理 修改时间：2026-09-14 22:09:44