Выбор цвета для текстовой схемы

Question

Я пытаюсь добавить палитру цветов для изменения цвета заголовка, но я не могу понять, как добавить связь между заголовком и палитрой цветов.

это в настоящее время не сохраняется какэто недопустимый Json, но это то, что я добавил в файл section> hero.liquid

  {
    "type": "text",
    "id": "title",
    "label": "Heading",
    "default": "Image with text overlay"
    "settings": [
     {
      "type": "color",
      "id": "color_title",
      "label": "Heading color",
      "default": "#FFFFFF"
     }      
    ]
  },

Если я включаю палитру цветов вне настроек, которые он показывает, но не имеет отношения к каким-либо элементам

Answer 1

Вы создаете связь не в схеме, а в самой жидкости.

Правильный синтаксис:

{
  "type": "text",
  "id": "title",
  "label": "Heading",
  "default": "Image with text overlay"
},
{
  "type": "color",
  "id": "color_title",
  "label": "Heading color",
  "default": "#FFFFFF"
}

Тогда вы можете сделать что-то вроде:

<h2 style="color: {{settings.color_title}}">{{ settings.title }}</h2>