小编Chr*_*ale的帖子

用于shopify主题开发的CSS和转义Liquid语法

我正在创建一个Shopify主题,我正在使用LESS来编译Shopify需要的样式表作为style.css.liquid.这一切都工作正常,我开始添加lquid过滤器和if语句.

当它在css属性中时,我的Liquid语法有效:

@brand-colour: ~"{{ settings.brand_colour }}"; 
h1{ color: @brand-colour;}
Run Code Online (Sandbox Code Playgroud)

其编译成如下:

h1 {color: {{ settings.brandcolour }};
Run Code Online (Sandbox Code Playgroud)

这很好.

我不能做的是插入一个液体声明,而不是像这样的css属性:

{% if settings.full-bg %}
background-color: …
Run Code Online (Sandbox Code Playgroud)

我试过逃避它

~"{% settings… %}"
Run Code Online (Sandbox Code Playgroud)

乃至

@var: "{% if settings.full-bg %}"
Run Code Online (Sandbox Code Playgroud)

然后跑

@{var} 
Run Code Online (Sandbox Code Playgroud)

但是我的编译器不喜欢它......

有什么建议?

less liquid shopify

2
推荐指数
2
解决办法
1483
查看次数

标签 统计

less ×1

liquid ×1

shopify ×1