时间戳

首页 > 解决方案 > 按下按钮时的shopify切换模式

shopify - 按下按钮时的shopify切换模式

问题描述

我是一位经验丰富的开发人员，但这是我第一次使用 Shopify。

我需要在按下按钮时切换模式。在shopify中执行此操作的正确方法是什么？

我可以使用一些 javascript 轻松做到这一点，但它不会采用“shopify”方式。（除非它是因为我不知道）

我认为它与变量有关

{% assign showModal = false %}

然后在单击按钮时，我们将变量重新分配给 true(?)

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

感谢帮助！

标签： shopifyliquid

解决方案

Shopify 使用流动语言输出数据。

Liquid 的主要目的是在页面上输出某种内容，但最重要的部分是它在 DOM 加载之前加载。这意味着您应该将其视为后端语言。

或者简单地说，您不能让前端交互点击/悬停/等事件并期望修改液体变量。

流动代码在 DOM 加载之前执行，因此由于 Javasript 在 DOM 之后触发，因此两种语言无法交互。

长话短说，您只使用简单的 JavaScript 进行前端交互。

推荐阅读