Html 使用Shopify'；s Liquid可在自定义主题部分中创建自定义按钮背景色。

我在Shopify中创建了一个新的主题部分，名为“带按钮的幻灯片”。我一直在添加功能，允许客户端成功地添加自己的按钮文本，但现在在尝试创建自定义按钮背景颜色的功能时遇到了问题。主要问题是液态代码没有填充CSS。以下是我现在液体部分文件中的内容：

             {% if block.settings.link != blank %}
             <a href="{{ block.settings.link }}" class="dynamic_button_link">
             {% endif %}

            <style>
                .dynamic-button {
                  background-color:{{ section.settings.button_bg_color }}!important;
                  z-index:999;
                 }
            </style> 

              {% unless block.settings.button_text == blank %}
                <div class='dynamic-button'>{{ block.settings.button_text | escape }}</div>
              {% endunless %}

              {% if block.settings.link != blank %}
              </a>
              {% endif %}

颜色选择器正确显示，但是

很明显，动态颜色类型没有按预期填充CSS

---

如蒙协助，将不胜感激。谢谢。

这个

{{section.settings.button\u bg\u color}}

应该是

{{block.settings.button\u bg\u color}}

            {
            "type": "color",
            "id": "button_bg_color",
            "label": "Background color",
            "default": "#ffffff"
           },