Section
Image banner main v3
3 个模板实例，36 个 section 配置，0 类 block。
真实模板变体
Schema
{
"name": "Image banner main v3",
"class": "image-banner__main-section",
"settings": [
{
"type": "url",
"id": "section_url",
"label": "Select Section Link"
},
{
"type": "select",
"id": "text_alignment",
"options": [
{
"value": "center",
"label": "Center"
},
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center",
"label": "Text alignment (Desktop)"
},
{
"type": "select",
"id": "text_alignment_m",
"options": [
{
"value": "center",
"label": "Center"
},
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center",
"label": "Text alignment (Mobile)"
},
{
"type": "select",
"id": "position",
"options": [
{
"value": "middle_center",
"label": "Middle center"
},
{
"value": "middle_left",
"label": "Middle left"
},
{
"value": "middle_right",
"label": "Middle right"
},
{
"value": "top_right",
"label": "Top right"
},
{
"value": "top_center",
"label": "Top center"
},
{
"value": "top_left",
"label": "Top left"
},
{
"value": "bottom_left",
"label": "Bottom left"
},
{
"value": "bottom_center",
"label": "Bottom center"
},
{
"value": "bottom_right",
"label": "Bottom right"
}
],
"default": "top_center",
"label": "Text position (Desktop)"
},
{
"type": "select",
"id": "position_m",
"options": [
{
"value": "middle_center",
"label": "Middle center"
},
{
"value": "middle_left",
"label": "Middle left"
},
{
"value": "middle_right",
"label": "Middle right"
},
{
"value": "top_right",
"label": "Top right"
},
{
"value": "top_center",
"label": "Top center"
},
{
"value": "top_left",
"label": "Top left"
},
{
"value": "bottom_left",
"label": "Bottom left"
},
{
"value": "bottom_center",
"label": "Bottom center"
},
{
"value": "bottom_right",
"label": "Bottom right"
}
],
"default": "top_center",
"label": "Text position (Mobile)"
},
{
"type": "color",
"id": "text_color",
"label": "Text color"
},
{
"type": "color",
"id": "text_color_mobile",
"label": "Text color (Mobile)"
},
{
"type": "color",
"id": "span_color",
"label": "Highlighted text color",
"info": "Use <span></span> for text highlighted color"
},
{
"type": "checkbox",
"id": "show_top_border",
"label": "Show top border",
"default": false
},
{
"type": "checkbox",
"id": "show_one_btn_row",
"label": "Show buttons in a row",
"default": true
},
{
"type": "checkbox",
"id": "full_width_content",
"label": "Make content full width",
"default": false
},
{
"type": "textarea",
"id": "label",
"label": "Label"
},
{
"type": "textarea",
"id": "heading",
"label": "Heading",
"default": "Intuitively powerful"
},
{
"type": "select",
"id": "heading_tag",
"label": "Heading tag",
"options": [
{
"value": "h1",
"label": "H1"
},
{
"value": "h2",
"label": "H2"
},
{
"value": "h3",
"label": "H3"
},
{
"value": "h4",
"label": "H4"
},
{
"value": "h5",
"label": "H5"
},
{
"value": "h6",
"label": "H6"
},
{
"value": "p",
"label": "p"
}
],
"default": "h2"
},
{
"type": "textarea",
"id": "subheading",
"label": "Sub Heading",
"default": "Bundle & Save 20%"
},
{
"type": "select",
"id": "subheading_tag",
"label": "Sub heading tag",
"options": [
{
"value": "h1",
"label": "H1"
},
{
"value": "h2",
"label": "H2"
},
{
"value": "h3",
"label": "H3"
},
{
"value": "h4",
"label": "H4"
},
{
"value": "h5",
"label": "H5"
},
{
"value": "h6",
"label": "H6"
},
{
"value": "p",
"label": "p"
}
],
"default": "h4"
},
{
"type": "color",
"id": "button_c_1",
"label": "Button text color 1"
},
{
"type": "color",
"id": "button_bg_1",
"label": "Button background color 1"
},
{
"type": "color",
"id": "button_border_1",
"label": "Button border color 1"
},
{
"type": "color",
"id": "button_c_1_h",
"label": "Button text color 1 hover"
},
{
"type": "color",
"id": "button_bg_1_h",
"label": "Button background color 1 hover"
},
{
"type": "color",
"id": "button_border_1_h",
"label": "Button border color 1 hover"
},
{
"type": "url",
"id": "link",
"label": "Link"
},
{
"type": "text",
"id": "link_text",
"label": "Link text",
"default": "Buy Swift Special"
},
{
"type": "color",
"id": "button_c_2",
"label": "Button text color 2"
},
{
"type": "color",
"id": "button_bg_2",
"label": "Button background color 2",
"default": "transparent"
},
{
"type": "color",
"id": "button_border_2",
"label": "Button border color 2",
"default": "transparent"
},
{
"type": "color",
"id": "button_c_2_h",
"label": "Button text color 2 hover"
},
{
"type": "color",
"id": "button_bg_2_h",
"label": "Button background color 2 hover",
"default": "transparent"
},
{
"type": "color",
"id": "button_border_2_h",
"label": "Button border color 2",
"default": "transparent"
},
{
"type": "url",
"id": "link2",
"label": "Link2"
},
{
"type": "text",
"id": "link_text2",
"label": "Link text2"
},
{
"type": "checkbox",
"id": "show_at_bottom",
"label": "Show button at bottom",
"default": false
},
{
"type": "checkbox",
"id": "show_white_button",
"label": "Show button as white",
"default": false
},
{
"type": "image_picker",
"id": "image_d",
"label": "Desktop Image"
},
{
"type": "image_picker",
"id": "image_m",
"label": "Mobile Image"
}
],
"blocks": [],
"presets": [
{
"name": "Image banner main v3"
}
]
}