Переменные Javascript в файле shopify product.liquid

Question

Я загружаю переменные javascript в файл product.liquid на shopify. Я также загружаю внешний файл javascript. Этот файл JavaScript использует переменные, которые я положил в файл жидкости. Похоже, что переменные не определены во внешнем файле JS, хотя я дал им значения

Answer 1

Когда вы визуализируете Liquid, вы можете заполнить переменные JS. Дело в том, что вам нужно подождать, пока DOM будет загружен и весь предоставленный код будет доставлен в браузер, прежде чем пытаться использовать его или получить к нему доступ. Убедитесь, что вы ожидаете правильно, прежде чем пытаться получить доступ к вашим переменным.

В обычной библиотеке JS, такой как jQuery, вы можете использовать этот блок для переноса кода:

document.addEventListener('DOMContentLoaded', function() {
    // stuff
});