Section
Product Comparison
2 个模板实例，13 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Product Comparison",
"tag": "section",
"class": "section",
"settings": [
{
"type": "text",
"id": "section_id",
"label": "Section ID",
"default": "product-comparison-showcase"
},
{
"type": "header",
"content": "General Settings"
},
{
"type": "text",
"id": "title",
"label": "Section Title",
"placeholder": "Enter comparison title"
},
{
"type": "textarea",
"id": "subtitle",
"label": "Section Subtitle",
"placeholder": "Enter optional subtitle"
},
{
"type": "select",
"id": "default_display_mode",
"label": "Default Display Mode",
"options": [
{
"value": "technical",
"label": "Technical Parameters (Numbers + Units)"
},
{
"value": "descriptive",
"label": "Feature Description (Text)"
}
],
"default": "technical",
"info": "Default mode for all comparison blocks (can be overridden per block)"
},
{
"type": "header",
"content": "Style Settings"
},
{
"type": "color",
"id": "background_color",
"label": "Background Color",
"default": "transparent"
},
{
"type": "color",
"id": "text_color",
"label": "Text Color",
"default": "#000000"
},
{
"type": "range",
"id": "corner_radius",
"min": 0,
"max": 50,
"step": 1,
"unit": "px",
"label": "Image Corner Radius",
"default": 20
},
{
"type": "header",
"content": "Spacing Settings"
},
{
"type": "range",
"id": "section_padding_top",
"min": 0,
"max": 120,
"step": 4,
"unit": "px",
"label": "Section Top Padding",
"default": 60
},
{
"type": "range",
"id": "section_padding_bottom",
"min": 0,
"max": 120,
"step": 4,
"unit": "px",
"label": "Section Bottom Padding",
"default": 60
},
{
"type": "range",
"id": "group_spacing",
"min": 20,
"max": 120,
"step": 4,
"unit": "px",
"label": "Space Between Comparison Groups",
"default": 60,
"info": "Vertical spacing between multiple comparison pairs"
}
],
"blocks": [
{
"type": "comparison_pair",
"name": "Comparison Pair",
"settings": [
{
"type": "header",
"content": "Display Mode"
},
{
"type": "select",
"id": "display_mode",
"label": "Display Mode for This Comparison",
"options": [
{
"value": "inherit",
"label": "Inherit from Section Default"
},
{
"value": "technical",
"label": "Technical Parameters (Numbers + Units)"
},
{
"value": "descriptive",
"label": "Feature Description (Text)"
}
],
"default": "inherit",
"info": "Override the section default display mode for this comparison pair"
},
{
"type": "header",
"content": "Left Product"
},
{
"type": "image_picker",
"id": "left_image",
"label": "Left Product Image"
},
{
"type": "image_picker",
"id": "left_image_mobile",
"label": "Left Product Mobile Image (Optional)",
"info": "If not set, desktop image will be used on mobile"
},
{
"type": "text",
"id": "left_label",
"label": "Left Product Label",
"default": "ADVANCED",
"placeholder": "e.g., ADVANCED"
},
{
"type": "text",
"id": "left_title",
"label": "Left Product Title",
"default": "Laifen Arc-Blade Design",
"placeholder": "Enter product name"
},
{
"type": "textarea",
"id": "left_subtitle",
"label": "Left Product Subtitle",
"default": "Wider angles, clean shave.",
"info": "Used in both modes - short description or technical detail"
},
{
"type": "text",
"id": "left_value",
"label": "Left Product Value (Technical Mode)",
"default": "148.5",
"placeholder": "e.g., 148.5",
"info": "Only shown in Technical Parameters mode"
},
{
"type": "text",
"id": "left_unit",
"label": "Left Product Unit (Technical Mode)",
"default": "°",
"placeholder": "e.g., °, mm, %",
"info": "Only shown in Technical Parameters mode"
},
{
"type": "textarea",
"id": "left_description",
"label": "Left Product Description (Descriptive Mode)",
"default": "Large mesh contact for efficient edge trimming.",
"info": "Only shown in Feature Description mode"
},
{
"type": "header",
"content": "Right Product"
},
{
"type": "image_picker",
"id": "right_image",
"label": "Right Product Image"
},
{
"type": "image_picker",
"id": "right_image_mobile",
"label": "Right Product Mobile Image (Optional)",
"info": "If not set, desktop image will be used on mobile"
},
{
"type": "text",
"id": "right_label",
"label": "Right Product Label",
"default": "TRADITIONAL",
"placeholder": "e.g., TRADITIONAL"
},
{
"type": "text",
"id": "right_title",
"label": "Right Product Title",
"default": "Traditional Shavers",
"placeholder": "Enter product name"
},
{
"type": "textarea",
"id": "right_subtitle",
"label": "Right Product Subtitle",
"default": "Limited angles, inconsistent results.",
"info": "Used in both modes - short description or technical detail"
},
{
"type": "text",
"id": "right_value",
"label": "Right Product Value (Technical Mode)",
"default": "102.5",
"placeholder": "e.g., 102.5",
"info": "Only shown in Technical Parameters mode"
},
{
"type": "text",
"id": "right_unit",
"label": "Right Product Unit (Technical Mode)",
"default": "°",
"placeholder": "e.g., °, mm, %",
"info": "Only shown in Technical Parameters mode"
},
{
"type": "textarea",
"id": "right_description",
"label": "Right Product Description (Descriptive Mode)",
"default": "Small mesh area limits sideburn trimming.",
"info": "Only shown in Feature Description mode"
}
]
}
],
"presets": [
{
"name": "Product Comparison",
"category": "Product",
"blocks": [
{
"type": "comparison_pair",
"settings": {
"left_label": "ADVANCED",
"left_title": "Laifen Arc-Blade Design",
"left_subtitle": "Wider angles, clean shave.",
"left_value": "148.5",
"left_unit": "°",
"right_label": "TRADITIONAL",
"right_title": "Traditional Shavers",
"right_subtitle": "Limited angles, inconsistent results.",
"right_value": "102.5",
"right_unit": "°"
}
}
]
}
]
}