可以添加的装修卡片列表信息
主题 Liquid - 获取 DIY 页面内容导航添加版块列表
获取 DIY 编辑器中所有可用的装修卡片列表,按 Tab 分组,方便编辑器左侧面板展示卡片供用户拖拽或添加使用。
接口信息
- 接口地址:
{your-site-url}/api/skill/theme-liquid/get-page-content-diy-navigation-add-sections - 基础 URL:
{your-site-url}需替换为你自己的独立站 URL 地址,如https://your-domain.com/apimanager666 - 请求方式:
GET
认证
请求头中需要携带 skill-access-token:
| Header | 值 |
|---|---|
skill-access-token |
{your-skill-access-token} (请替换为你自己的 token) |
请求参数
无请求参数(GET 请求,body 为空)。
请求示例
cURL
curl --location --request GET '{your-site-url}/api/skill/theme-liquid/get-page-content-diy-navigation-add-sections' \
--header 'skill-access-token: {your-skill-access-token}'
返回结果
code 为 200 表示调用成功;code 不为 200 表示调用失败。
成功响应
{
"code": 200,
"data": {
"tab_title": { ... },
"sections": {
"section_arr": { ... },
"groups": { ... }
}
},
"message": "success"
}
返回字段说明
顶层
| 字段 | 类型 | 说明 |
|---|---|---|
code |
Number | 状态码,200 表示成功 |
message |
String | 执行结果的文字描述 |
data |
Object | 返回数据 |
data
| 字段 | 类型 | 说明 |
|---|---|---|
tab_title |
Object | 编辑器左侧 Tab 列表,按卡片类型分组 |
sections |
Object | 所有可用装修卡片数据,包含 section_arr 和 groups |
data.tab_title — 装修卡片的分组
tab_title 定义了编辑器左侧的 Tab 分组,每个 key 对应一个分组,value 为该分组的多语言名称信息:
| 字段 | 类型 | 说明 |
|---|---|---|
text |
string | 默认语言 Tab 名称 |
cn |
string | 简体中文 Tab 名称 |
tw |
string | 繁体中文 Tab 名称 |
en |
string | 英文 Tab 名称 |
code |
string | 分组代码,与 section_arr 和 groups 的 key 对应 |
分组列表:
| tab_title key | code | 说明 |
|---|---|---|
static |
static |
静态卡片 |
dynamic |
dynamic |
数据卡片 |
form |
form |
表单卡片 |
css |
css |
CSS卡片 |
data.sections — 可添加的装修卡片信息
包含两个部分:section_arr 和 groups。
data.sections.section_arr — 各分组对应的装修卡片列表
按分组代码列出所有可添加的 section type,每个分类下的值为该分类可用的 section 类型标识数组:
| 字段 | 类型 | 说明 |
|---|---|---|
static |
Array[string] | 静态卡片的 section type 列表 |
dynamic |
Array[string] | 数据卡片的 section type 列表 |
form |
Array[string] | 表单卡片的 section type 列表 |
addon |
Array[string] | 插件卡片的 section type 列表 |
css |
Array[string] | CSS卡片的 section type 列表 |
data.sections.groups — 各分组的详细卡片信息
groups 对每个分组进行了更详细的说明。每个分组下面可能再分为子分组,子分组中包含卡片的名称、类型、默认设置、默认子块等完整信息。
结构为:
groups → {分组代码} → {子分组key} → { category, sections[] }
其中:
- 第一层 key 为分组代码(
static、dynamic、form、addon、css),与tab_title的code对应 - 第二层 key 为子分组标识,可能是
empty_category(无子分组)或一个 hash ID - 第二层
category— 子分组名称(多语言对象{ text, lang_params }) - 第二层
sections— 该子分组下的卡片列表(Array),每项为一个完整的卡片信息对象
单个 section 详情
| 字段 | 类型 | 说明 |
|---|---|---|
name |
Object | 卡片显示名称(多语言对象 { text, lang_params }) |
card_type |
string | 卡片分类:static / dynamic / form / addon / css |
category |
string / Object | 所属内容分类。为空字符串 "" 表示无分类,否则为 { text, lang_params } 多语言对象 |
type |
string | section 类型标识,即 section_arr 中对应的值,也是传给 get-liquid-html 时 diy_config.sections 的 key 前缀 |
settings |
Object | 可选。该类型 section 的默认设置项 |
blocks |
Array[Object] | 可选。该类型 section 的默认 block 列表 |
blocks 子项
| 字段 | 类型 | 说明 |
|---|---|---|
type |
string | block 类型标识 |
settings |
Object | 该 block 的默认设置(可选) |
分组结构示例
static 静态卡片分组:
| 分组 key | 分类名称 | 包含的 section |
|---|---|---|
empty_category |
(默认) | 带滑块的图像-1、带滑块的图像-2、组合Tab、可折叠Tab、空白区域、之前/之后图像滑块、google地图、宣传横幅、促销倒计时器、富文本 |
6477351f... |
插件 | 网盟-幻灯片、网盟-注册/登录2、网盟-注册/登录、网盟-常见问题、网盟-申请步骤、网盟-富文本、网盟-轮播图、网盟轮播图 |
47f36020... |
图片 | 品牌列表、图库图片、图片卡片、图文叠加、图文模块、多图文组合、幻灯片 |
b60bea31... |
促销 | 倒计时器、特色促销、媒体报道、滚动促销、客户评价 |
2fe2a135... |
高级布局 | 自定义版块 |
c3af1f12... |
产品画册 | 热点图片 |
98245da6... |
视频 | 视频主图区、视频 |
dynamic 数据卡片分组:
| 分组 key | 分类名称 | 包含的 section |
|---|---|---|
empty_category |
(默认) | 级联专辑、级联商品、专辑图片展示、专辑展示、专辑Tab、推荐商品轮播 |
b5cc7042... |
博客 | 博客文章 |
7f722e54... |
专辑 | 专辑列表、商品列表横幅、精选商品系列 |
2e0bc604... |
产品 | 特色产品滑块、产品捆绑、产品Tab |
c3af1f12... |
产品画册 | 产品画册 |
form 表单卡片分组:
| 分组 key | 分类名称 | 包含的 section |
|---|---|---|
empty_category |
(默认) | Contact表单 |
b60bea31... |
促销 | 邮件订阅 |
addon 插件卡片分组:
| 分组 key | 分类名称 | 包含的 section |
|---|---|---|
6477351f... |
插件 | 1688商品推荐、商品评论汇总、短视频商品 |
css 卡片分组:
| 分组 key | 分类名称 | 包含的 section |
|---|---|---|
e966bf60... |
高级 | 自定义CSS代码 |
注意事项
section_arr为所有可用 section type 的汇总列表,方便快速遍历groups提供带分类分组的详细配置,供编辑器按分类展示卡片面板- sections 的
type值即为get-liquid-html接口中diy_config.sectionskey 的前缀部分 card_type对应tab_title的分类 code,用于确定卡片归属哪个 Tab- 分组 key(如上表中的 hash 值)是后端确定的分组标识,不同站点可能不同