侧边栏配置
侧边栏设置不能保存值,也不能配置。它们是信息元素,可用于提供有关输入设置的详细信息并组织它们。
侧边栏设置由标准属性组成。以下是侧边栏设置的类型:
提示
如果你想添加输入设置,如复选框,请参阅输入设置。
标准属性
以下是侧边栏配置的标准属性:
属性 | 描述 | 是否必需 |
---|---|---|
type | 侧边栏配置类型,可以是 group_header 或 header | 是 |
label | 配置的文本内容,将显示在主题编辑器中 | 是 |
group_header / 标题
类型设置为 group_header
会新增一个标题元素并将之后的配置项设置为一组,以帮助你更好地组织配置项。
例如,以下配置生成如下效果:
{
"type": "group_header",
"label": {
"zh-hans-cn": "商品"
}
},
{
"id": "superscript_decimals",
"type": "switch",
"label": {
"zh-hans-cn": "售价小数位缩小展示"
},
"default": true
},
{
"type": "group_header",
"label": {
"zh-hans-cn": "商品分类"
}
},
{
"id": "collection_grid_shape",
"type": "select",
"label": {
"zh-hans-cn": "分类图片形状"
},
"options": [
{
"value": "square",
"label": {
"zh-hans-cn": "方形"
}
}
],
"default": "square"
}
在主题编辑器内的效果如下:
提示
group_header 的分组逻辑是:按顺序渲染,当类型为 group_header
时,接下来的配置项都会在此分组下,直到遇到下一个 group_header
类型的配置。
header / 标题
类型设置为 header
与 group_header
的区别在于只会新增一个标题元素,并不会对配置项进行分组。
例如,以下配置生成如下效果:
{
"type": "header",
"label": {
"zh-hans-cn": "标题"
},
"info": {
"zh-hans-cn": "文字内容"
}
}
在主题编辑器内的效果如下:
在文本中使用链接
你可以通过在方括号中放置链接文本,然后紧接着在括号中放置 URL,来向 info
设置属性添加链接。
例如,以下设置生成以下输出:
{
"type": "group_header",
"label": {
"zh-hans-cn": "子分类"
},
"info": {
"zh-hans-cn": "菜单导航中配置的子分类菜单将在此处展示。[了解更多](https://shoplineapphelp.zendesk.com/hc/zh-cn/articles/4404860397977)"
}
}
在主题编辑器内的效果如下:
这篇文章对你有帮助吗?
Error loading component.