schema类型3：基本数据选择器

基本数据选择器的schema，进行详细的说明

schema类型:基本数据选择器

基本选择器

• image: 图片选择器(也可以使用image_picker，本质都是一样，为了兼容shopify的定义方式)
• video: 视频选择器
• url: 链接选择器（https开头的url）
• color_scheme: 配色方案选择器（全局配置对color_scheme_group进行了定义后，这里可以选择color_scheme）
• font_picker: 字体选择器（全局配置里面进行字体进行配置）
• color: 颜色选择器
• time_picker: 时间选择器
• language: 多语言选择器 （在schema增加后，因为没有具体的配置内容，因此，模版装修将看不到该配置项，前台模版部分可以直接使用具体的多语言数据，进行渲染多语言下拉条）
• currency: 多货币选择器 （在schema增加后，因为没有具体的配置内容，因此，模版装修将看不到该配置项，前台模版部分可以直接使用具体的多货币数据，进行渲染多货币下拉条）

详细说明

1.图片选择器:image: (也可以使用image_picker，本质都是一样，为了兼容shopify的定义方式)

{
  "type": "image_picker",
  "id": "image",
  "label": {
    "text": "图片",
    "lang_params": {
      "en": "Image",
      "tw": "圖片"
    }
  }
}

点击按钮，即可弹出图片选择器，选择图片后，如下：

您可以更换图片，删除图片

2.视频选择器：video

{
  "type": "video",
  "id": "fecify_video",
  "label": {
    "text": "上传视频",
    "lang_params": {
      "en": "Upload video",
      "tw": "上传视频"
    }
  }
}

点击按钮后，在视频列表中选择视频，选择确认后，如下：

您可以更换视频，删除视频

3.链接选择器：url

• 通过该选择器，可以选择首页，商品专辑，商品详情，自定义页面，博客等
• 支持自定义url

{
  "type": "url",
  "id": "message_link",
  "label": {
    "text": "跳转链接",
    "lang_params": {
      "tw": "跳轉連結",
      "en": "Message link"
    }
  },
  "default": {
    "url_type": "",
    "url_value": "",
    "object_id": "",
    "object_title": ""
  }
}

4.配色方案选择器:color_scheme:

• 全局配置对color_scheme_group进行了定义后，这里可以选择color_scheme
• 如果您需要更多的配色方案，可以去全局配置，颜色部分，添加更多的配色方案

{
  "type": "color_scheme",
  "id": "color_scheme",
  "label": {
    "text": "配色方案",
    "lang_params": {
      "en": "Color scheme",
      "tw": "配色方案"
    }
  }
}

5.字体选择器：font_picker

• 全局配置里面进行字体进行配置

{
  "type": "font_picker",
  "id": "type_base_font",
  "label": {
    "text": "字体",
    "lang_params": {
      "en": "Font",
      "tw": "字體"
    }
  },
  "default": {
    "id": "d-21",
    "name": "Roboto",
    "family": "Roboto,sans-serif"
  }
}

点击更换字体，可以选择切换其他的字体

6.颜色选择器：color

{
  "type": "color",
  "id": "item_bg",
  "label": {
    "text": "背景色",
    "lang_params": {
      "en": "Background",
      "tw": "背景色"
    }
  },
  "default": "#000"
}

6.时间选择器:time_picker

{
  "type": "time_picker",
  "id": "time",
  "label": {
    "text": "结束时间",
    "lang_params": {
      "en": "End time",
      "tw": "結束時間"
    }
  },
  "default": "2025-11-26 23:00:00",
  "info": {
    "text": "日期格式: YYYY-MM-DD HH:MM:ss",
    "lang_params": {
      "en": "Date format: YYYY-MM-DD HH:MM:ss",
      "tw": "日期格式: YYYY-MM-DD HH:MM:ss"
    }
  }
}

7.多语言选择器:language

• 在schema增加后，因为没有具体的配置内容(具体的多语言，需要到多语言插件里面进行添加)，因此，模版装修将看不到该配置项

{
  "type": "language",
  "id": "wap_language"
}

使用：

{% assing wap_languages = section.settings.wap_language %}

8.多货币选择器：currency

• 在schema增加后，因为没有具体的配置内容(具体的多货币，需要到多货币插件里面进行添加)，因此，模版装修将看不到该配置项

{
  "type": "currency",
  "id": "wap_currency"
}

使用：

{% assing wap_currencys = section.settings.wap_currency %}