无法在 Shopify 中打印液体变量值

Question

我想在 Shopify 的产品页面中打印以磅为单位的变体重量和产品变体数量。这是我正在尝试的一些事情

这是js文件中的代码：

能够以克为单位打印重量：

 $('#variant-weight').text(variant_weight);

但我想以磅为单位打印这样的东西

$('#variant-weight').text({{ variant.weight | weight_with_unit: variant.weight_unit }});

对于上面的代码，我没有得到任何输出。

我也想打印剩余的数量，但无法获得所需的输出。这是代码：

$('.variant-sku').text(variant.inventory_quantity);

Answer 1

你没把 JS 和 LIQUID 匹配错。

是的，如果文件的扩展名为 .js.liquid，您可以在 JS 文件中添加液体，但在您的情况下，这对您没有任何好处，因为您无法直接访问变体对象。

不要在 JS 中使用 {{ variant.weight | weight_with_unit: variant.weight_unit }}，而是将其添加到 liquid 文件中。

例如（假设你）：

<div id="variant-weight" data-weight="{{ variant.weight | weight_with_unit: variant.weight_unit }}"></div>

并且在 JS 中您可以根据需要获取数据值。

PS:

请再次注意，您无法直接访问变体对象。你必须在 product.variants 循环中或者得到类似 product.first_available_variant.weight 的东西。如果您在变体循环中，请不要使用 ID，而是使用 class。

Unable to print liquid variable values in Shopify