Невозможно распечатать значения переменных жидкости в 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, если файлы имеют расширение .js.liquid, но в вашем случае это не приносит вам пользы, так как вы неУ вас нет прямого доступа к варианту объекта.

Вместо использования {{ variant.weight | weight_with_unit: variant.weight_unit }} в JS, добавьте это в жидкие файлы.

Например (при условии, что вы):

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