Question

我尝试根据用户在Shopify管理员中设置的文字颜色来设置背景颜色。如何获取单选按钮的值并相应地设置背景颜色？如果可能的话，我更喜欢使用Liquid。

这是我的JSON格式，在admin中显示2个单选按钮：

  {
     "type":      "radio",
     "id":        "color_banner_text",
     "label":     "Text Color",
     "options": [
       { "value": "#ffffff", "label": "Light" },
       { "value": "#666666", "label": "Dark" }
     ],
     "default":   "#666666"
  }

这是我迄今为止所尝试过的：

<div class="{% if block.settings.color_banner_text == "#ffffff" % } background-dark {% else %} background-light {% endif %}">

我错过了什么吗？

Answer 1

为什么不这样做

<div style="background-color: {{block.settings.color_banner_text}};"></div>

Answer 2

好吧，在这里我们看不到它是在block元素中还是在模式中。如果不在block元素中，则可以尝试替换

block.settings.color_banner_text

使用

section.settings.color_banner_text

另外，检查您的类“ background-dark”和“ background-light”，这是颜色的来源。并非来自无线电值。

如何使用Liquid获取单选按钮的值？

2 个答案: