Liquid/Shopify-CSS中的变量

Question

这是我的代码，我无法从滑块中返回值。

<div class="slides">
{% stylesheet %}
.bg {
opacity: {{ block.settings.opacity }} ;
}
{% endstylesheet %}
{% for block in section.blocks %}

这是.lique文件，.bg类的html在同一个文件中。

{
"type":      "range",
"id":        "opacity",
"min":        0,
"max":        100,
"step":       1,
"label":     "Opacity",
"default":   50
},

我该如何让它发挥作用？

Answer 1

{% stylesheet %}不接受任何液体代码。

请参阅：https://shopify.dev/tutorials/develop-theme-use-sections#javascript-和样式表标签

重要的部分在这里：

与schema标记一样，javascript和样式表标记不会输出任何内容，并且其中的任何Liquid都不会被执行

如果您计划使用动态样式，请使用标准的<style>标记，而不是样式表标记。