Shopify:正确引用js,css等资产

时间:2016-08-26 12:48:45

标签: shopify liquid

我将js文件上传到资源中并在最后添加.liquid扩展名。 (mysite.js.liquid)

我在我的网页的html中引用它就像这样......

{{ "mysite.js" | asset_url | script_tag }}

我也试过......

{{ "mysite.js.liquid" | asset_url | script_tag }}

但是,当我查看页面时,我看到了实际文本。知道为什么吗?这样做的正确方法是什么?

另外,我在网上看到,建议将这些脚本引用放在head标签中,但我不希望每个使用此主题的页面都有。我只想在这个特定页面上使用这个js(也是css等)。

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用{{ "mysite.js" | asset_url | script_tag }}进行调用,但如果文件在.liquid结束,则无关紧要。如果是这样,Shopify将处理其中的任何液体模板,并生成.js文件,这是您需要链接的文件。

为什么你得到原始文本没有多大意义。你有什么机会检查你在原始标签之间没有这个代码吗? {% raw %} YOUR CODE {% endraw %}https://help.shopify.com/themes/liquid/tags/theme-tags#raw

如果没有,请尝试提供模板/布局的完整代码。

如果它们位于headbody的最后,这也无关紧要,模板应该为您提供正确的输出。这是你在这些文件中使用了什么样的JavaScript的问题。您可以查看有关该in this answer的更多信息。

如果你想用于特定的页面,常见的方法是使用一些液体条件逻辑,例如,假设我只想在{{{{{{{ 1}}模板。

page.special.liquid