Section
Product Head Selector
1 个模板实例，15 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Product Head Selector",
"tag": "section",
"class": "product-head-selector-section",
"settings": [
{
"type": "text",
"id": "section_id",
"label": "Section ID",
"default": "product-head-selector"
},
{
"type": "header",
"content": "General Settings"
},
{
"type": "text",
"id": "title",
"label": "Section Title",
"default": "Choose Your Product Type"
},
{
"type": "text",
"id": "subtitle",
"label": "Section Subtitle",
"default": "Select the perfect option for your needs"
},
{
"type": "header",
"content": "Style Settings"
},
{
"type": "color",
"id": "background_color",
"label": "Background Color"
},
{
"type": "color",
"id": "title_color",
"label": "Title Color"
},
{
"type": "color",
"id": "subtitle_color",
"label": "Subtitle Color"
},
{
"type": "color",
"id": "active_tab_color",
"label": "Active Tab Color"
},
{
"type": "color",
"id": "content_title_color",
"label": "Content Title Color"
},
{
"type": "color",
"id": "content_text_color",
"label": "Content Text Color"
},
{
"type": "header",
"content": "Decorative Icons"
},
{
"type": "checkbox",
"id": "show_decorative_icons",
"label": "Show Decorative Icons",
"default": false
},
{
"type": "image_picker",
"id": "decorative_icon_1",
"label": "Decorative Icon 1"
},
{
"type": "image_picker",
"id": "decorative_icon_2",
"label": "Decorative Icon 2"
}
],
"blocks": [
{
"type": "tab",
"name": "Product Tab",
"settings": [
{
"type": "header",
"content": "Tab Settings"
},
{
"type": "image_picker",
"id": "tab_icon",
"label": "标签图标 (Tab Icon)"
},
{
"type": "text",
"id": "tab_title",
"label": "Tab Title",
"default": "Product Type"
},
{
"type": "header",
"content": "Primary Content (Fallback)"
},
{
"type": "paragraph",
"content": "These fields are used as fallback when content_pages_json is empty, or for single-page tabs."
},
{
"type": "image_picker",
"id": "image",
"label": "Product Image"
},
{
"type": "image_picker",
"id": "heading_icon",
"label": "标题小图标 (Heading Icon)"
},
{
"type": "text",
"id": "heading",
"label": "Content Heading",
"default": "Product Heading"
},
{
"type": "textarea",
"id": "description",
"label": "Content Description",
"default": "Smooth shave, cool style, comfort all around."
},
{
"type": "text",
"id": "button_text",
"label": "Button Text"
},
{
"type": "url",
"id": "button_link",
"label": "Button Link"
},
{
"type": "header",
"content": "Content Page 1"
},
{
"type": "text",
"id": "heading_1",
"label": "Page 1 - Heading",
"info": "Leave empty to use the basic heading above"
},
{
"type": "textarea",
"id": "description_1",
"label": "Page 1 - Description",
"info": "Leave empty to use the basic description above"
},
{
"type": "image_picker",
"id": "image_desktop_1",
"label": "Page 1 - Desktop Image",
"info": "Leave empty to use the basic image above"
},
{
"type": "image_picker",
"id": "image_mobile_1",
"label": "Page 1 - Mobile Image",
"info": "Leave empty to use desktop image"
},
{
"type": "text",
"id": "button_text_1",
"label": "Page 1 - Button Text",
"info": "Leave empty to use the basic button text above"
},
{
"type": "url",
"id": "button_link_1",
"label": "Page 1 - Button Link",
"info": "Leave empty to use the basic button link above"
},
{
"type": "header",
"content": "Content Page 2"
},
{
"type": "text",
"id": "heading_2",
"label": "Page 2 - Heading"
},
{
"type": "textarea",
"id": "description_2",
"label": "Page 2 - Description"
},
{
"type": "image_picker",
"id": "image_desktop_2",
"label": "Page 2 - Desktop Image"
},
{
"type": "image_picker",
"id": "image_mobile_2",
"label": "Page 2 - Mobile Image",
"info": "Leave empty to use desktop image"
},
{
"type": "text",
"id": "button_text_2",
"label": "Page 2 - Button Text"
},
{
"type": "url",
"id": "button_link_2",
"label": "Page 2 - Button Link"
},
{
"type": "header",
"content": "Content Page 3"
},
{
"type": "text",
"id": "heading_3",
"label": "Page 3 - Heading"
},
{
"type": "textarea",
"id": "description_3",
"label": "Page 3 - Description"
},
{
"type": "image_picker",
"id": "image_desktop_3",
"label": "Page 3 - Desktop Image"
},
{
"type": "image_picker",
"id": "image_mobile_3",
"label": "Page 3 - Mobile Image",
"info": "Leave empty to use desktop image"
},
{
"type": "text",
"id": "button_text_3",
"label": "Page 3 - Button Text"
},
{
"type": "url",
"id": "button_link_3",
"label": "Page 3 - Button Link"
},
{
"type": "header",
"content": "Content Page 4"
},
{
"type": "text",
"id": "heading_4",
"label": "Page 4 - Heading"
},
{
"type": "textarea",
"id": "description_4",
"label": "Page 4 - Description"
},
{
"type": "image_picker",
"id": "image_desktop_4",
"label": "Page 4 - Desktop Image"
},
{
"type": "image_picker",
"id": "image_mobile_4",
"label": "Page 4 - Mobile Image",
"info": "Leave empty to use desktop image"
},
{
"type": "text",
"id": "button_text_4",
"label": "Page 4 - Button Text"
},
{
"type": "url",
"id": "button_link_4",
"label": "Page 4 - Button Link"
},
{
"type": "header",
"content": "Content Page 5"
},
{
"type": "text",
"id": "heading_5",
"label": "Page 5 - Heading"
},
{
"type": "textarea",
"id": "description_5",
"label": "Page 5 - Description"
},
{
"type": "image_picker",
"id": "image_desktop_5",
"label": "Page 5 - Desktop Image"
},
{
"type": "image_picker",
"id": "image_mobile_5",
"label": "Page 5 - Mobile Image",
"info": "Leave empty to use desktop image"
},
{
"type": "text",
"id": "button_text_5",
"label": "Page 5 - Button Text"
},
{
"type": "url",
"id": "button_link_5",
"label": "Page 5 - Button Link"
}
]
}
],
"presets": [
{
"name": "Product Head Selector",
"blocks": [
{
"type": "tab",
"settings": {
"tab_title": "Trimmer Head",
"heading": "Trimmer Head",
"description": "Precision trimming for perfect styling.",
"heading_1": "Versatile Trimming",
"description_1": "Multiple length settings for any style",
"button_text_1": "Shop Trimmers",
"button_link_1": "/collections/trimmers",
"heading_2": "Easy Maintenance",
"description_2": "Detachable heads for easy cleaning",
"button_text_2": "View Guide",
"button_link_2": "/pages/maintenance"
}
},
{
"type": "tab",
"settings": {
"tab_title": "Shaver Head",
"heading": "Shaver Head",
"description": "Smooth shave, cool style, comfort all around.",
"heading_1": "Precision Cutting",
"description_1": "Advanced blade technology for the closest shave",
"button_text_1": "Shop Shavers",
"button_link_1": "/collections/shavers",
"heading_2": "Comfort Design",
"description_2": "Ergonomic handle with anti-slip grip",
"button_text_2": "Learn More",
"button_link_2": "/pages/features"
}
}
]
}
]
}