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 }}，而是将其添加到临时文件中。

例如（假设您）：

<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。