使用Shopify的Liquid在自定义主题部分中创建自定义按钮背景颜色。

Question

我在Shopify中创建了一个名为Slideshow with Button的新主题部分。我一直在添加功能，允许客户成功添加自己的按钮文本，但现在在尝试创建功能以定制按钮的背景颜色时陷入困境。主要问题是液体代码不能填充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 %}

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

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

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

非常感谢任何帮助。感谢。

Answer 1

此{{ section.settings.button_bg_color }}是否应为此{{ block.settings.button_bg_color }}