可以添加的装修卡片列表信息

主题 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}'

返回结果

code200 表示调用成功;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_arrgroups

data.tab_title — 装修卡片的分组

tab_title 定义了编辑器左侧的 Tab 分组,每个 key 对应一个分组,value 为该分组的多语言名称信息:

字段 类型 说明
text string 默认语言 Tab 名称
cn string 简体中文 Tab 名称
tw string 繁体中文 Tab 名称
en string 英文 Tab 名称
code string 分组代码,与 section_arrgroups 的 key 对应

分组列表:

tab_title key code 说明
static static 静态卡片
dynamic dynamic 数据卡片
form form 表单卡片
css css CSS卡片

data.sections — 可添加的装修卡片信息

包含两个部分:section_arrgroups

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 为分组代码(staticdynamicformaddoncss),与 tab_titlecode 对应
  • 第二层 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-htmldiy_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代码

注意事项

  1. section_arr 为所有可用 section type 的汇总列表,方便快速遍历
  2. groups 提供带分类分组的详细配置,供编辑器按分类展示卡片面板
  3. sections 的 type 值即为 get-liquid-html 接口中 diy_config.sections key 的前缀部分
  4. card_type 对应 tab_title 的分类 code,用于确定卡片归属哪个 Tab
  5. 分组 key(如上表中的 hash 值)是后端确定的分组标识,不同站点可能不同
Copyright © fecify.com 2025 all right reserved,powered by Gitbook该文件修订时间: 2026-06-21 09:51:52

results matching ""

    No results matching ""