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

Question

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