SCSS变量可将背景URL从路径切换到ASSET_URL

时间:2018-05-02 22:41:34

标签: sass shopify liquid

这甚至可能吗?基本上我有我的静态HTML模板,它使用像url (.../img/Interface/Icon.svg)这样的图像路径。然后在Shopify(平板)主题中使用模板,因此所有图像都需要直接进入Assets文件夹,没有子文件夹。

这很好,因为我可以将我的静态模板结构与Shopify平板主题相匹配,但显然图像应采用以下格式:#selector {background:url({{ 'image.jpg' | asset_url }});}

任何人都可以想到在复制CSS时管理CSS的方法吗?手动改变它们将是一种痛苦。

2 个答案:

答案 0 :(得分:1)

您无需使用yourMesh.renderOrder = yourDesiredOrder过滤器编写它们。

您可以将它们保留为asset_url,他们将使用这种方式缓存它们的唯一区别。

答案 1 :(得分:0)

我不确定您正在努力解决的问题,但如果您想在SCSS文件中使用液体,只需将其保存为whateverStylesheet.scss.liquid,然后您就可以使用文件中的任何液体,Shopify首先处理液体然后再处理SCSS,然后再渲染最终的CSS文档。

修改:阅读Shopify’s SASS Guide了解详情。