侧边栏配置

侧边栏设置不能保存值,也不能配置。它们是信息元素,可用于提供有关输入设置的详细信息并组织它们。

侧边栏设置由标准属性组成。以下是侧边栏设置的类型:

提示

如果你想添加输入设置,如复选框,请参阅输入设置

标准属性

以下是侧边栏配置的标准属性:

属性描述是否必需
type侧边栏配置类型,可以是 group_headerheader
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"
}

在主题编辑器内的效果如下:
image.png

提示

group_header 的分组逻辑是:按顺序渲染,当类型为 group_header 时,接下来的配置项都会在此分组下,直到遇到下一个 group_header 类型的配置。


类型设置为 headergroup_header 的区别在于只会新增一个标题元素,并不会对配置项进行分组。
例如,以下配置生成如下效果:

{
"type": "header",
"label": {
"zh-hans-cn": "标题"
},
"info": {
"zh-hans-cn": "文字内容"
}
}

在主题编辑器内的效果如下:
image.png


在文本中使用链接

你可以通过在方括号中放置链接文本,然后紧接着在括号中放置 URL,来向 info 设置属性添加链接。

例如,以下设置生成以下输出:

{
"type": "group_header",
"label": {
"zh-hans-cn": "子分类"
},
"info": {
"zh-hans-cn": "菜单导航中配置的子分类菜单将在此处展示。[了解更多](https://shoplineapphelp.zendesk.com/hc/zh-cn/articles/4404860397977)"
}
}

在主题编辑器内的效果如下:
image.png

这篇文章对你有帮助吗?

Error loading component.

Error loading component.