如何在液体文件级别访问 shopify 中的自定义 JSON 文件

Question

我知道可以在前端的 JavaScript 级别访问 JSON 文件，但是是否可以在 /assets/ 文件夹（或其他地方，如果需要）在液位？

我希望得到类似

的东西

{{ '/assets/some_file.json.liquid' | example_object.inner_object.some_key }}

Answer 1

在服务器端渲染期间，Shopify 将 Liquid 变成一个巨大的字符串，并将其作为浏览器食物通过网络发送。 HTML、CSS 和 JS。

如果您的资产 foo.js 包含 JSON，您确实可以将其呈现给客户端，因为

{{ 'foo.js' | asset_url }}

但是您不能使用 JSON 本身来控制任何类型的服务器端呈现。您可以在您的 JS 文件中嵌入 Liquid 标签并将其命名为 foo.js.liquid，并且您的 Liquid 中的任何内容都会影响渲染，但是为什么要麻烦 JSON 部分呢？

如果您对特殊的 Liquid 渲染非常感兴趣，请设置您的主题以使用设置及其值进行渲染。

或者，一旦 JSON 下载到客户端，您就可以自由地使用纯 JS 来获得荣耀。