使用javascript检查Shopify中是否有可用的产品

我有一个javascript来处理集合页面上的产品列表。是否有办法确保产品可用且不缺货。我需要类似于

{%if product.available%}

的东西。但是我不想更改

.liquid

文件。我需要它在

Javascript

中，您可以通过从

/products/.js

获取数据来获取商店中任意产品的JSON表示。当使用

.js

端点时，产品对象将包括许多聚合参数，包括

product.available

，如果产品中至少有一个变量可用，则这些参数将为

true

---

请注意，Shopify有2*种不同的产品表示形式，一种在

/products/.js

端点，另一种在

/products/端点。您可以通过从
/products/.js
获取数据来获取商店中任意产品的JSON表示形式。当使用
.js
端点时，产品对象将包括许多聚合参数，包括
product.available
，如果产品中至少有一个变量可用，则这些参数将为
true

请注意，Shopify有两种*不同的产品表示法，一种在
/products/.js
端点，另一种在
/products/端点。在Shopify中，您有四种将数据导入javascript的选项：


如果javascript作为内联脚本标记/片段包含在liquid文件中，那么您将编写javascript liquid，您可以直接插入，例如
var product=“{{product | json}”
您可以更新liquid文档，以包含例如带有所需数据的属性，例如“data-”属性，然后使用javascript从文档中读取这些属性。你说过这不是一个选择
使用ShopifAPI重新获取当前页面上实体的一些数据：例如Ajax/Storefront/Shopify Buy SDK
为现有主题页面添加一个可选的液体页面，该页面可将您需要的数据格式化为json（例如
{{product | json}}
），但将其命名为product.ajax.liquid-这将使其成为自定义视图。然后，您可以使用查询参数
？view=ajax
获取此页面url，返回的文档将包含呈现的json。这将有效地为您创建自定义API

这些是选项。
在Shopify中，您有四个将数据导入javascript的选项：


如果javascript作为内联脚本标记/片段包含在liquid文件中，那么您将编写javascript liquid，您可以直接插入，例如
var product=“{{product | json}”
您可以更新liquid文档，以包含例如带有所需数据的属性，例如“data-”属性，然后使用javascript从文档中读取这些属性。你说过这不是一个选择
使用ShopifAPI重新获取当前页面上实体的一些数据：例如Ajax/Storefront/Shopify Buy SDK
为现有主题页面添加一个可选的液体页面，该页面可将您需要的数据格式化为json（例如
{{product | json}}
），但将其命名为product.ajax.liquid-这将使其成为自定义视图。然后，您可以使用查询参数
？view=ajax
获取此页面url，返回的文档将包含呈现的json。这将有效地为您创建自定义API

这些就是选择