Section
Product · Icon Ribbon
2 个模板实例，5 个 section 配置，6 类 block。
真实模板变体
Schema
{
"name": "Product · Icon Ribbon",
"tag": "section",
"class": "section",
"settings": [
{
"type": "text",
"id": "section_id",
"label": "Section ID",
"default": "product-icon-ribbon"
},
{
"type": "color_background",
"id": "background",
"label": "Background",
"default": "linear-gradient(360deg, #CFC2FF 0%, #8C6DFB 100%)"
},
{
"type": "color",
"id": "text_color",
"label": "Text color",
"default": "#ffffff"
},
{
"type": "text",
"id": "aria_label",
"label": "Accessibility label",
"default": "Product highlights"
},
{
"type": "range",
"id": "mobile_columns",
"label": "Mobile columns",
"default": 3,
"min": 2,
"max": 6,
"step": 1
}
],
"blocks": [
{
"type": "feature_icon",
"name": "Feature icon",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
},
{
"type": "feature_icon_2",
"name": "Feature icon 2",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
},
{
"type": "feature_icon_3",
"name": "Feature icon 3",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
},
{
"type": "feature_icon_4",
"name": "Feature icon 4",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
},
{
"type": "feature_icon_5",
"name": "Feature icon 5",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
},
{
"type": "feature_icon_6",
"name": "Feature icon 6",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Icon image"
},
{
"type": "text",
"id": "label",
"label": "Label"
}
]
}
],
"presets": [
{
"name": "Product · Icon Ribbon",
"blocks": [
{
"type": "feature_icon"
},
{
"type": "feature_icon"
},
{
"type": "feature_icon"
},
{
"type": "feature_icon"
},
{
"type": "feature_icon"
},
{
"type": "feature_icon"
}
]
}
]
}