Theme Block
Event timeline
61 个配置项，0 类嵌套 block。
Schema
{
"name": "Event timeline",
"settings": [
{
"type": "header",
"content": "Header"
},
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Sale Timeline"
},
{
"type": "text",
"id": "subtitle",
"label": "Subtitle",
"default": "Follow our sale progress and important dates"
},
{
"type": "header",
"content": "Layout"
},
{
"type": "checkbox",
"id": "center_current_phase",
"label": "Center current phase prominently",
"default": true,
"info": "When enabled, the current phase will be centered and highlighted while other phases are dimmed"
},
{
"type": "header",
"content": "Phase 1"
},
{
"type": "text",
"id": "phase1_title",
"label": "Title",
"default": "Pre-sale Period"
},
{
"type": "text",
"id": "phase1_start_date",
"label": "Start date",
"default": "2024-01-15",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase1_end_date",
"label": "End date",
"default": "2024-01-31",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase1_time",
"label": "Time details",
"default": "Early bird pricing available",
"info": "Optional additional time information"
},
{
"type": "select",
"id": "phase1_icon",
"label": "Icon",
"options": [
{
"value": "number",
"label": "Number"
},
{
"value": "tag",
"label": "Tag"
},
{
"value": "shopping_cart",
"label": "Shopping cart"
},
{
"value": "clock",
"label": "Clock"
},
{
"value": "star",
"label": "Star"
}
],
"default": "tag"
},
{
"type": "richtext",
"id": "phase1_content",
"label": "Activities content",
"default": "<p>Early bird discounts and exclusive pre-sale offers. Limited quantities available at special pricing.</p>"
},
{
"type": "url",
"id": "phase1_link",
"label": "Button link"
},
{
"type": "text",
"id": "phase1_button_text",
"label": "Button text",
"default": "Pre-order"
},
{
"type": "header",
"content": "Phase 2"
},
{
"type": "text",
"id": "phase2_title",
"label": "Title",
"default": "Official Sale Period"
},
{
"type": "text",
"id": "phase2_start_date",
"label": "Start date",
"default": "2024-02-01",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase2_end_date",
"label": "End date",
"default": "2024-02-28",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase2_time",
"label": "Time details",
"default": "Full inventory available",
"info": "Optional additional time information"
},
{
"type": "select",
"id": "phase2_icon",
"label": "Icon",
"options": [
{
"value": "number",
"label": "Number"
},
{
"value": "tag",
"label": "Tag"
},
{
"value": "shopping_cart",
"label": "Shopping cart"
},
{
"value": "clock",
"label": "Clock"
},
{
"value": "star",
"label": "Star"
}
],
"default": "shopping_cart"
},
{
"type": "richtext",
"id": "phase2_content",
"label": "Activities content",
"default": "<p>Official sale period with full product availability. Regular pricing and promotional offers.</p>"
},
{
"type": "url",
"id": "phase2_link",
"label": "Button link"
},
{
"type": "text",
"id": "phase2_button_text",
"label": "Button text",
"default": "Shop now"
},
{
"type": "header",
"content": "Phase 3"
},
{
"type": "text",
"id": "phase3_title",
"label": "Title",
"default": "Fulfillment & Warranty Period"
},
{
"type": "text",
"id": "phase3_start_date",
"label": "Start date",
"default": "2024-03-01",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase3_end_date",
"label": "End date",
"default": "2024-12-31",
"info": "Format: YYYY-MM-DD"
},
{
"type": "text",
"id": "phase3_time",
"label": "Time details",
"default": "Support and warranty active",
"info": "Optional additional time information"
},
{
"type": "select",
"id": "phase3_icon",
"label": "Icon",
"options": [
{
"value": "number",
"label": "Number"
},
{
"value": "tag",
"label": "Tag"
},
{
"value": "shopping_cart",
"label": "Shopping cart"
},
{
"value": "clock",
"label": "Clock"
},
{
"value": "star",
"label": "Star"
}
],
"default": "star"
},
{
"type": "richtext",
"id": "phase3_content",
"label": "Activities content",
"default": "<p>Order fulfillment and shipping. Customer support and warranty services available.</p>"
},
{
"type": "url",
"id": "phase3_link",
"label": "Button link"
},
{
"type": "text",
"id": "phase3_button_text",
"label": "Button text",
"default": "Support"
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "background_color",
"label": "Background",
"default": "#ffffff"
},
{
"type": "color",
"id": "title_color",
"label": "Title",
"default": "#000000"
},
{
"type": "color",
"id": "subtitle_color",
"label": "Subtitle",
"default": "#666666"
},
{
"type": "color",
"id": "past_color",
"label": "Past phase",
"default": "#9ca3af"
},
{
"type": "color",
"id": "past_text_color",
"label": "Past text",
"default": "#ffffff"
},
{
"type": "color",
"id": "current_color",
"label": "Current phase",
"default": "#3b82f6"
},
{
"type": "color",
"id": "current_text_color",
"label": "Current text",
"default": "#ffffff"
},
{
"type": "color",
"id": "future_color",
"label": "Future phase",
"default": "#e5e7eb"
},
{
"type": "color",
"id": "future_bg_color",
"label": "Future background",
"default": "#ffffff"
},
{
"type": "color",
"id": "future_text_color",
"label": "Future text",
"default": "#6b7280"
},
{
"type": "color",
"id": "content_bg_color",
"label": "Content background",
"default": "#f8fafc"
},
{
"type": "color",
"id": "content_text_color",
"label": "Content text",
"default": "#374151"
},
{
"type": "header",
"content": "Typography"
},
{
"type": "range",
"id": "title_size",
"min": 20,
"max": 60,
"step": 2,
"unit": "px",
"label": "Title size",
"default": 32
},
{
"type": "range",
"id": "subtitle_size",
"min": 12,
"max": 24,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 16
},
{
"type": "range",
"id": "phase_title_size",
"min": 14,
"max": 28,
"step": 1,
"unit": "px",
"label": "Phase title size",
"default": 18
},
{
"type": "range",
"id": "date_size",
"min": 12,
"max": 20,
"step": 1,
"unit": "px",
"label": "Date size",
"default": 14
},
{
"type": "range",
"id": "time_size",
"min": 10,
"max": 18,
"step": 1,
"unit": "px",
"label": "Time details size",
"default": 12
},
{
"type": "range",
"id": "button_text_size",
"min": 12,
"max": 18,
"step": 1,
"unit": "px",
"label": "Button text size",
"default": 14
},
{
"type": "range",
"id": "content_title_size",
"min": 18,
"max": 32,
"step": 1,
"unit": "px",
"label": "Content title size",
"default": 24
},
{
"type": "range",
"id": "content_text_size",
"min": 14,
"max": 20,
"step": 1,
"unit": "px",
"label": "Content text size",
"default": 16
},
{
"type": "header",
"content": "Spacing"
},
{
"type": "range",
"id": "section_padding",
"min": 20,
"max": 80,
"step": 5,
"unit": "px",
"label": "Section padding",
"default": 40
},
{
"type": "range",
"id": "border_radius",
"min": 0,
"max": 20,
"step": 2,
"unit": "px",
"label": "Border radius",
"default": 8
},
{
"type": "range",
"id": "icon_size",
"min": 40,
"max": 80,
"step": 5,
"unit": "px",
"label": "Icon size",
"default": 60
},
{
"type": "range",
"id": "button_border_radius",
"min": 0,
"max": 25,
"step": 1,
"unit": "px",
"label": "Button border radius",
"default": 6
},
{
"type": "range",
"id": "content_border_radius",
"min": 0,
"max": 20,
"step": 2,
"unit": "px",
"label": "Content border radius",
"default": 8
},
{
"type": "range",
"id": "content_padding",
"min": 20,
"max": 60,
"step": 5,
"unit": "px",
"label": "Content padding",
"default": 30
}
],
"blocks": [],
"presets": [
{
"name": "Event timeline"
}
]
}