Модификация переключения магазина при нажатии кнопки

Question

Я довольно опытный разработчик, но я впервые работаю с Shopify.

Мне нужно переключать модальное положение при нажатии кнопки. Как правильно сделать это в shopify?

Я легко могу сделать это с некоторыми javascript, но это было бы не в "шопифике". (Если только у меня нет никакой подсказки)

Я предполагаю, что это должно сделать с переменной

{% assign showModal = false %}

и затем при нажатии кнопки мы переназначим переменную на true (?)

{% if showModal %}
  {% section 'modal' %}
{% endif %}

Оцените помощь!

Answer 1

Shopify использует жидкий язык для вывода данных.

Основная цель жидкости - вывести какой-либо контент на страницу, но самая важная часть заключается в том, что она загружается ДО загрузки DOM. Это означает, что вы должны относиться к нему как к фоновому языку.

Или просто сказать, что вы не можете сделать взаимодействие с внешним интерфейсом lick событиями click / hover / et c .. и ожидать изменения переменные жидкости.

Код жидкости выполняется до загрузки DOM, поэтому, поскольку Javasript запускается после DOM, два языка не могут взаимодействовать.

Короче говоря, вы используете только простой JavaScript для взаимодействия с внешним интерфейсом.