如何在任何 Shopify Liquid 文件中查找当前 url（page.url 和 request.url 不起作用）

Question

我们正在我们的网站中注入一个模态，该模态正在使用 Shopify 液体模板构建。我们想根据 url 的变化来改变那个 modal 的 css。 我努力了窗口全局对象，但它不工作，因为它涉及服务器端渲染。 还page.url和请求.url全局液体对象对我不起作用。

液体文件结构

我是 Shopify 液体模板的新手，请在这里帮助我。 谢谢并恭祝安康

Answer 1

尝试使用 case 语句并根据页面句柄更改您的 CSS：

{% case page.handle %}
   {% when 'page-handle-one' %}
      do something...
   {% when 'page-handle-two' %}
      do something else...
   {% else %}
{% endcase %}