所以我想买这样

的东西。

英雄.CSS.液体

.hero_image {
   background-image: url( {{ section.settings.hero-image-image }} )
}

英雄.液体

<div class: "hero_image"></div>

{% schema %}
{
    "name": "hero",
    "class": "hero-section",
    "settings": [

        {
            "type": "image_picker",
            "id": "hero-image-image",
            "label": "Hero Image"
        }
],    

"presets": [
        {
            "category": "hero",
            "name":"hero"
        }
    ]
}
{% endschema %}

有

没有

一种方法可以让这样的东西工作，或者我应该在我的Hero.Liquid文件夹中创建一个{%style%}部分，并将我想要编辑的CSS放在那里？

---

顺晟科技：

文件hero.css.liquid不知道您的部分设置，因此您将无法引用CSS文件中的部分设置。sectionLiquid变量仅存在于匹配的节文件（以及其中使用的任何片段）中。

这给了我们两个主要选择：

a）将样式设置移动到config/settings_schema.json文件中，因为可以在.css.liquid文件中访问主题设置；

b）创建{% style %}（或<style>）标记来放置设置。

注意：当{% style %}首次引入时，我在让它完全按照我预期的方式工作时遇到了一些麻烦，所以又回到使用<style>标记。我认为{% style %}现在工作得更好了，但是如果您遇到问题，您可能想尝试一个简单的HTML标记。