javascript - 在 shopify 中将 css 和 js 文件调出到新页面

Question

我在线购买了一个 HTML 着陆页模板，并尝试将其集成到我当前在 Shopify 中的模版中。登录页面包含我必须集成的 html、css 和 js。我读过一个帖子，解释说我必须将 css 和 js 文件上传到“Assets”文件夹并将这些行添加到“theme.liquid”文件:

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

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

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

预先感谢您的帮助。

Answer 1

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

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

如果样式表是 SCSS 样式表，您需要将 .scss. 添加到样式表标识以确保它被编译为 CSS。

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

如果仍然无法加载，请尝试在保存/推送对模板的更改后清除缓存，或者在未以管理员身份登录的情况下从隐身浏览器选项卡查看。