В любом случае использовать метафизу Shopify в файле js.liquid?

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;
  }