Image Text Responsive

真实模板变体

Schema

{
  "name": "Image Text Responsive",
  "class": "section-image-text-responsive",
  "settings": [],
  "blocks": [
    {
      "type": "comparison_item",
      "name": "VS Comparison",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "header",
          "content": "Left Item"
        },
        {
          "type": "image_picker",
          "id": "image1",
          "label": "Image 1"
        },
        {
          "type": "video",
          "id": "video_url",
          "label": "视频URL"
        },
        {
          "type": "text",
          "id": "tag1",
          "label": "Tag 1"
        },
        {
          "type": "textarea",
          "id": "heading1",
          "label": "Heading 1"
        },
        {
          "type": "text",
          "id": "title_1",
          "label": "Title 1"
        },
        {
          "type": "url",
          "id": "text_tag1_link",
          "label": "Tag 1 Link"
        },
        {
          "type": "textarea",
          "id": "subheading1",
          "label": "Subheading 1"
        },
        {
          "type": "header",
          "content": "Right Item"
        },
        {
          "type": "image_picker",
          "id": "image2",
          "label": "Image 2"
        },
        {
          "type": "text",
          "id": "tag2",
          "label": "Tag 2"
        },
        {
          "type": "text",
          "id": "heading2",
          "label": "Heading 2"
        },
        {
          "type": "text",
          "id": "title_2",
          "label": "Title 2"
        },
        {
          "type": "textarea",
          "id": "subheading2",
          "label": "Subheading 2"
        }
      ]
    },
    {
      "type": "divider_line",
      "name": "Divider Line",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "color",
          "id": "color",
          "label": "Color"
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 20
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Top Margin",
          "default": 0
        }
      ]
    },
    {
      "type": "heading",
      "name": "Heading",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "text",
          "id": "heading",
          "label": "heading"
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 20
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Top Margin",
          "default": 0
        }
      ]
    },
    {
      "type": "sub_heading",
      "name": "Sub Heading",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "textarea",
          "id": "sub_heading",
          "label": "sub heading"
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 20
        }
      ]
    },
    {
      "type": "before_after",
      "name": "Before After",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "After Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_m",
          "label": "After Image (Mobile)"
        },
        {
          "type": "image_picker",
          "id": "image2",
          "label": "Before Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image2_m",
          "label": "Before Image (Mobile)"
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 20
        }
      ]
    },
    {
      "type": "image_banner",
      "name": "Image",
      "settings": [
        {
          "type": "text",
          "id": "dom_id",
          "label": "DOM ID"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "image"
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "px",
          "label": "Bottom Margin",
          "default": 20
        },
        {
          "type": "text",
          "id": "img_heading",
          "label": "img heading"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Image Text Responsive"
    }
  ]
}