向Shopify添加自定义CSS和JS
向Shopify添加自定义CSS和JS
提问于 2013-12-09 17:30:08
我正在为Shopify上的一个页面获取垂直标签，使用‘大西洋’主题。因为这个主题在默认情况下没有垂直标签，所以我使用了外部JS和CSS "jquery-jvert- tabs“。
我的问题是，如果我上传JS和CSS文件作为资源，我如何将它们链接到我想要使用这些文件的页面，以及如何在之后的页面上使用这些文件，如果我在那里也有某些样式元素可用？
回答 3
Stack Overflow用户
发布于 2013-12-09 19:50:45
如果我没记错的话，asset_url filter就是你要找的东西。
要在.liquid文件中包含JS文件，您可以使用：
{{ 'script.js' | asset_url | script_tag }}和一个CSS文件：
{{ 'style.css' | asset_url | stylesheet_tag }}Stack Overflow用户
发布于 2016-11-21 19:38:36
如果不想污染全局名称空间，可以将JavaScript或CSS限制在某些区域。
Shopify使用一个简单的if语句和页面句柄(对于www.foo.com/abcd/bar - "bar“将是句柄)。
{% if page.handle == "bar" %}
{{ 'your_custom_javascript.js' | asset_url | script_tag }}
{{ 'your_custom_css.css' | asset_url | stylesheet_tag }}
{% endif %} 如果您想对某些页面进行较小的更改，这是非常有用的。
Stack Overflow用户
发布于 2020-02-19 14:11:03
打开theme.liquid并检查css和js是如何包含的，然后按照them.Add将您的自定义文件添加到资源中。Css And Js Add附加图像
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20467240
复制相关文章
相似问题