Section
Product card
2 个模板实例，13 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Product card",
"settings": [
{
"type": "color",
"id": "title_color",
"label": "Title color",
"default": "#000000"
},
{
"type": "textarea",
"id": "title",
"label": "Title"
},
{
"type": "color",
"id": "subheading_color",
"label": "Subtitle color",
"default": "#F57B23"
},
{
"type": "textarea",
"id": "subtitle",
"label": "Subtitle"
},
{
"type": "header",
"content": "Font size desktop"
},
{
"type": "range",
"id": "subtitle_size",
"min": 20,
"max": 40,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 24
},
{
"type": "range",
"id": "title_size",
"min": 20,
"max": 40,
"step": 1,
"unit": "px",
"label": "Title size",
"default": 24
},
{
"type": "header",
"content": "Font size mobile"
},
{
"type": "range",
"id": "subtitle_size_m",
"min": 10,
"max": 40,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 20
},
{
"type": "range",
"id": "title_size_m",
"min": 10,
"max": 40,
"step": 1,
"unit": "px",
"label": "Title size",
"default": 20
},
{
"type": "header",
"content": "Section padding"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 2,
"unit": "px",
"label": "Padding_top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 2,
"unit": "px",
"label": "Padding bottom",
"default": 36
}
],
"blocks": [
{
"type": "card",
"name": "card",
"settings": [
{
"type": "header",
"content": "Color"
},
{
"type": "color",
"id": "subheading_color",
"label": "Subheading color",
"default": "#F57B23"
},
{
"type": "color",
"id": "title_color",
"label": "Title color",
"default": "#000000"
},
{
"type": "color",
"id": "text_color",
"label": "Description color",
"default": "#898989"
},
{
"type": "color",
"id": "price_color",
"label": "Price color",
"default": "#f00"
},
{
"type": "color",
"id": "del_color",
"label": "Compare-at price color",
"default": "#000"
},
{
"type": "header",
"content": "Product"
},
{
"type": "product",
"id": "product",
"label": "Product",
"info": "The price and URL will be obtained from the product."
},
{
"type": "image_picker",
"id": "img_d",
"label": "Image desktop",
"info": "size: 1800 × 635 px"
},
{
"type": "image_picker",
"id": "img_m",
"label": "Image mobile",
"info": "size: 686 * 974 px"
},
{
"type": "textarea",
"id": "subtitle",
"label": "Subtitle"
},
{
"type": "textarea",
"id": "title",
"label": "Title"
},
{
"type": "richtext",
"id": "desc",
"label": "Description"
},
{
"type": "text",
"id": "btn",
"label": "Btton"
},
{
"type": "header",
"content": "Font size desktop"
},
{
"type": "range",
"id": "subtitle_size",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 16
},
{
"type": "range",
"id": "title_size",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Title size",
"default": 28
},
{
"type": "range",
"id": "desc_size",
"min": 8,
"max": 30,
"step": 1,
"unit": "px",
"label": "Description size",
"default": 13
},
{
"type": "range",
"id": "price_size",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Price size",
"default": 28
},
{
"type": "range",
"id": "del_size",
"min": 8,
"max": 30,
"step": 1,
"unit": "px",
"label": "Compare-at price size",
"default": 13
},
{
"type": "header",
"content": "Font size mobile"
},
{
"type": "range",
"id": "subtitle_size_m",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 16
},
{
"type": "range",
"id": "title_size_m",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Title size",
"default": 28
},
{
"type": "range",
"id": "desc_size_m",
"min": 8,
"max": 30,
"step": 1,
"unit": "px",
"label": "Description size",
"default": 13
},
{
"type": "range",
"id": "price_size_m",
"min": 12,
"max": 40,
"step": 1,
"unit": "px",
"label": "Price size",
"default": 28
},
{
"type": "range",
"id": "del_size_m",
"min": 8,
"max": 30,
"step": 1,
"unit": "px",
"label": "Compare-at price size",
"default": 13
}
]
}
],
"presets": [
{
"name": "Sales product card"
}
]
}