Section
品质认证
1 个模板实例,13 个 section 配置,1 类 block。
真实模板变体
Schema
{
"name": "品质认证",
"tag": "section",
"class": "section",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Certified Quality"
},
{
"type": "color",
"id": "heading_color",
"label": "Heading color",
"default": "#151515"
},
{
"type": "color_background",
"id": "background_color",
"label": "Background color",
"default": "#f5f5f5"
},
{
"type": "color",
"id": "card_background",
"label": "Card background",
"default": "#ffffff"
},
{
"type": "range",
"id": "card_radius",
"label": "Card border radius",
"default": 12,
"min": 0,
"max": 40,
"step": 1,
"unit": "px"
},
{
"type": "range",
"id": "card_gap",
"label": "Card gap",
"default": 16,
"min": 8,
"max": 40,
"step": 2,
"unit": "px"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding top",
"default": 64,
"min": 0,
"max": 200,
"step": 4,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding bottom",
"default": 64,
"min": 0,
"max": 200,
"step": 4,
"unit": "px"
},
{
"type": "range",
"id": "max_width",
"label": "Max width",
"default": 1220,
"min": 900,
"max": 1600,
"step": 20,
"unit": "px"
},
{
"type": "color",
"id": "nav_arrow_background",
"label": "Navigation arrow background",
"default": "#e0e0e0"
},
{
"type": "color",
"id": "nav_arrow_color",
"label": "Navigation arrow color",
"default": "#000000"
},
{
"type": "checkbox",
"id": "enable_autoplay",
"label": "Auto rotate when more than 4 items",
"default": true
},
{
"type": "range",
"id": "autoplay_speed",
"label": "Autoplay speed",
"default": 3,
"min": 2,
"max": 8,
"step": 1,
"unit": "s"
}
],
"blocks": [
{
"type": "certification_item",
"name": "Certification item",
"settings": [
{
"type": "image_picker",
"id": "icon",
"label": "Icon"
},
{
"type": "text",
"id": "label",
"label": "Label",
"default": "RoHS Compliant"
}
]
}
],
"presets": [
{
"name": "品质认证",
"settings": {
"heading": "Certified Quality"
},
"blocks": [
{
"type": "certification_item",
"settings": {
"label": "RoHS Compliant"
}
},
{
"type": "certification_item",
"settings": {
"label": "ISO 9001"
}
},
{
"type": "certification_item",
"settings": {
"label": "CE Certified"
}
},
{
"type": "certification_item",
"settings": {
"label": "FCC Approved"
}
}
]
}
]
}