将css和js文件调出到shopify

时间:2017-02-01 18:06:51

标签: javascript html css shopify

我在线购买了HTML目标网页模板,并尝试将其整合到Shopify中我当前的主题中。登陆页面包含我必须集成的html,css和js。我读了一个前面的帖子,解释说我必须将css和js文件上传到"资产"文件夹并将这些行添加到" theme.liquid"档案:

{{ 'script.js.liquid' | asset_url | script_tag }}

{{ 'style.css.liquid' | asset_url | stylesheet_tag }}

然后我创建了一个页面模板并复制粘贴了html代码,但没有样式只出现普通的html。我想知道我做错了什么。 我是否必须添加一些代码来将css和js文件调出到新创建的页面中,或者只是在" theme.liquid文件中添加上面的代码行就足够了?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

尝试加载给定模板的样式表或脚本时尝试删除.liquid后缀:

{{ 'script.js' | asset_url | script_tag }}
{{ 'style.css' | asset_url | stylesheet_tag }}

如果样式表是SCSS样式表,则需要在样式表标识中添加.scss.以确保将其编译为CSS。

{{ 'style.scss.css' | asset_url | stylesheet_tag }}

如果仍然无法加载,请在保存/推送更改到模板或在未以管理员身份登录时从隐身浏览器标签中查看时尝试清除缓存。