无论如何在 js.liquid 文件中使用 Shopify 元字段？

Question

我想改变我的产品数量选择器的工作方式。

目前它以 1 递增，这是标准的。但是，我所有的产品都有不同的数量。

所以我为它们设置了一个 int 值的元字段。

所以在普通的液体文件中，我可以执行{{ product.metafields.qty_incr.qty-incr }} 并显示该值。在这个例子中，5.

我怎样才能让它在我的 .js.liquid 文件中工作？

// Add or subtract from the current quantity
  if ($el.hasClass('ajaxcart__qty--plus')) {
    qty += {{ product.metafields.qty_incr.qty-incr }};
  } else {
    qty -= {{ product.metafields.qty_incr.qty-incr }};
    if (qty <= 0) qty = 0;
  }

我做了上面的，这是行不通的。可能是新手，我不能在 .js.liquid 文件中使用液体。

Answer 1

您可以在其中一个主题文件中创建一个全局 js 变量，如下所示：

<script>const productMetaQtyIncr = {{ product.metafields.qty_incr.qty-incr }}</script>

然后在.js文件中使用：

// Add or subtract from the current quantity
  if ($el.hasClass('ajaxcart__qty--plus')) {
    qty += productMetaQtyIncr;
  } else {
    qty -= productMetaQtyIncr;
    if (qty <= 0) qty = 0;
  }