Theme Block
Back to school timeline
55 个配置项，0 类嵌套 block。
Schema
{
"name": "Back to school timeline",
"settings": [
{
"type": "header",
"content": "General"
},
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Back to School 2024"
},
{
"type": "text",
"id": "subtitle",
"label": "Subtitle",
"default": "Your complete guide to our back to school event timeline"
},
{
"type": "header",
"content": "Warm-up period"
},
{
"type": "text",
"id": "warmup_title",
"label": "Title",
"default": "Warm-up Period"
},
{
"type": "text",
"id": "warmup_start_date",
"label": "Start date",
"default": "August 1, 2024",
"info": "Format: Month Day, Year (e.g., August 1, 2024)"
},
{
"type": "text",
"id": "warmup_end_date",
"label": "End date",
"default": "August 15, 2024",
"info": "Format: Month Day, Year (e.g., August 15, 2024)"
},
{
"type": "textarea",
"id": "warmup_description",
"label": "Description",
"default": "Get ready for the big event with early access to select items and exclusive previews."
},
{
"type": "text",
"id": "warmup_button_text",
"label": "Button text",
"default": "Shop Early Access"
},
{
"type": "url",
"id": "warmup_button_link",
"label": "Button link"
},
{
"type": "header",
"content": "Official period"
},
{
"type": "text",
"id": "official_title",
"label": "Title",
"default": "Official Period"
},
{
"type": "text",
"id": "official_start_date",
"label": "Start date",
"default": "August 16, 2024",
"info": "Format: Month Day, Year (e.g., August 16, 2024)"
},
{
"type": "text",
"id": "official_end_date",
"label": "End date",
"default": "September 15, 2024",
"info": "Format: Month Day, Year (e.g., September 15, 2024)"
},
{
"type": "textarea",
"id": "official_description",
"label": "Description",
"default": "The main event is here! Enjoy the biggest discounts and widest selection of back to school essentials."
},
{
"type": "text",
"id": "official_button_text",
"label": "Button text",
"default": "Shop Now"
},
{
"type": "url",
"id": "official_button_link",
"label": "Button link"
},
{
"type": "header",
"content": "Return period"
},
{
"type": "text",
"id": "return_title",
"label": "Title",
"default": "Return Period"
},
{
"type": "text",
"id": "return_start_date",
"label": "Start date",
"default": "September 16, 2024",
"info": "Format: Month Day, Year (e.g., September 16, 2024)"
},
{
"type": "text",
"id": "return_end_date",
"label": "End date",
"default": "October 15, 2024",
"info": "Format: Month Day, Year (e.g., October 15, 2024)"
},
{
"type": "textarea",
"id": "return_description",
"label": "Description",
"default": "Last chance to grab any missed items and take advantage of final clearance deals."
},
{
"type": "text",
"id": "return_button_text",
"label": "Button text",
"default": "Final Sale"
},
{
"type": "url",
"id": "return_button_link",
"label": "Button link"
},
{
"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": "connector_color",
"label": "Timeline connector",
"default": "#e0e0e0"
},
{
"type": "header",
"content": "Past stage colors"
},
{
"type": "color",
"id": "past_bg_color",
"label": "Background",
"default": "#f5f5f5"
},
{
"type": "color",
"id": "past_border_color",
"label": "Border",
"default": "#cccccc"
},
{
"type": "color",
"id": "past_icon_color",
"label": "Icon",
"default": "#999999"
},
{
"type": "color",
"id": "past_text_color",
"label": "Text",
"default": "#999999"
},
{
"type": "header",
"content": "Current stage colors"
},
{
"type": "color",
"id": "current_bg_color",
"label": "Background",
"default": "#4CAF50"
},
{
"type": "color",
"id": "current_border_color",
"label": "Border",
"default": "#4CAF50"
},
{
"type": "color",
"id": "current_icon_color",
"label": "Icon",
"default": "#ffffff"
},
{
"type": "color",
"id": "current_text_color",
"label": "Text",
"default": "#000000"
},
{
"type": "color",
"id": "current_button_text_color",
"label": "Button text",
"default": "#ffffff"
},
{
"type": "header",
"content": "Future stage colors"
},
{
"type": "color",
"id": "future_bg_color",
"label": "Background",
"default": "#ffffff"
},
{
"type": "color",
"id": "future_border_color",
"label": "Border",
"default": "#2196F3"
},
{
"type": "color",
"id": "future_icon_color",
"label": "Icon",
"default": "#2196F3"
},
{
"type": "color",
"id": "future_text_color",
"label": "Text",
"default": "#000000"
},
{
"type": "header",
"content": "Typography"
},
{
"type": "range",
"id": "title_size",
"min": 20,
"max": 40,
"step": 2,
"unit": "px",
"label": "Title size",
"default": 28
},
{
"type": "range",
"id": "subtitle_size",
"min": 12,
"max": 20,
"step": 1,
"unit": "px",
"label": "Subtitle size",
"default": 16
},
{
"type": "range",
"id": "stage_title_size",
"min": 16,
"max": 24,
"step": 1,
"unit": "px",
"label": "Stage title size",
"default": 20
},
{
"type": "range",
"id": "date_size",
"min": 12,
"max": 18,
"step": 1,
"unit": "px",
"label": "Date size",
"default": 14
},
{
"type": "range",
"id": "description_size",
"min": 12,
"max": 18,
"step": 1,
"unit": "px",
"label": "Description size",
"default": 14
},
{
"type": "header",
"content": "Layout"
},
{
"type": "range",
"id": "padding",
"min": 20,
"max": 80,
"step": 5,
"unit": "px",
"label": "Container padding",
"default": 40
},
{
"type": "range",
"id": "border_radius",
"min": 0,
"max": 20,
"step": 2,
"unit": "px",
"label": "Border radius",
"default": 8
},
{
"type": "range",
"id": "button_border_radius",
"min": 0,
"max": 30,
"step": 2,
"unit": "px",
"label": "Button border radius",
"default": 6
}
],
"blocks": [],
"presets": [
{
"name": "Back to school timeline"
}
]
}