settings_data.json​

settings_data.json 文件包含基于 settings_schema.json 中设置的主题设置值。

例如，您可以使用以下主题设置允许商家选择页面背景颜色：

// settings_schema.json
{
  "name": "Colors",
  "settings": [
    {
      "id": "background_color",
      "type": "color_picker",
      "label": "背景",
      "default": "#FFFFFF"
    }
  ]
}

这将在 settings_data.json 中为 background_color 添加一项

// settings_data.json
...
"background_color": "#FFFFFF"
...

每当在主题编辑器中更改 background_color 的值时，settings_data.json 将会更新为新的值。

目录​

settings_data.json 文件位于主题的 config 目录中：

└── theme
    ...
    ├── config
        ├── settings_data.json
        └── settings_schema.json

结构​

settings_data.json 文件具有两个根属性：

例如：

{
  "current": {
    "background_color": "#FFFFFF",
    ...
  },
  "presets": {
    "preset-name": {
       "background_color": "#000000",
       ...
    }
  }
}

用法​

当你在处理 settings_data.json 文件时，你应该先熟悉主题风格。

主题风格​

主题风格是主题设置的默认集合，允许商家在初始阶段通过主题编辑器轻松地改变主题的整体外观和功能。

选择一个主题风格会更新 current 对象，以使用关联的主题风格配置值。然而，只有来自预览设置的值会被更新。

预览设置​

预览设置是与主题的视觉方面相关的设置。例如，应用于文本的颜色和字体，或特定元素的可见性。

以下是预览设置的输入控件类型。切换主题风格时，这些设置的值会被覆盖。

• checkbox
• color
• font
• radio
• range
• select