Image banner main

真实模板变体

Schema

{
  "name": "Image banner main",
  "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": "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": "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": "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": "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_c_1_h",
      "label": "Button text color 1 hover"
    },
    {
      "type": "color",
      "id": "button_bg_1_h",
      "label": "Button background 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_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": "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"
    }
  ]
}