我将js文件上传到资源中并在最后添加.liquid扩展名。 (mysite.js.liquid)
我在我的网页的html中引用它就像这样......
{{ "mysite.js" | asset_url | script_tag }}
我也试过......
{{ "mysite.js.liquid" | asset_url | script_tag }}
但是,当我查看页面时,我看到了实际文本。知道为什么吗?这样做的正确方法是什么?
另外,我在网上看到,建议将这些脚本引用放在head标签中,但我不希望每个使用此主题的页面都有。我只想在这个特定页面上使用这个js(也是css等)。
有什么想法吗?谢谢!
答案 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
如果没有,请尝试提供模板/布局的完整代码。
如果它们位于head
或body
的最后,这也无关紧要,模板应该为您提供正确的输出。这是你在这些文件中使用了什么样的JavaScript的问题。您可以查看有关该in this answer的更多信息。
如果你想用于特定的页面,常见的方法是使用一些液体条件逻辑,例如,假设我只想在{{{{{{{ 1}}模板。
page.special.liquid