Mini Image Hotspot

真实模板变体

Schema

{
  "name": "Mini Image Hotspot",
  "settings": [
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading"
    },
    {
      "type": "textarea",
      "id": "description",
      "label": "Description"
    },
    {
      "type": "image_picker",
      "id": "image",
      "label": "Image"
    }
  ],
  "blocks": [
    {
      "type": "hotspot",
      "name": "Hotspot",
      "settings": [
        {
          "type": "number",
          "id": "top",
          "label": "Top Position (%)"
        },
        {
          "type": "number",
          "id": "left",
          "label": "Left Position (%)"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title"
        },
        {
          "type": "textarea",
          "id": "description",
          "label": "Description"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "image_picker",
          "id": "image_mobile",
          "label": "Image (Mobile)"
        },
        {
          "type": "select",
          "id": "text_position",
          "label": "Text Position",
          "default": "middle_left",
          "options": [
            {
              "value": "top_left",
              "label": "Top Left"
            },
            {
              "value": "top_center",
              "label": "Top Center"
            },
            {
              "value": "top_right",
              "label": "Top Right"
            },
            {
              "value": "middle_left",
              "label": "Middle Left"
            },
            {
              "value": "middle_center",
              "label": "Middle Center"
            },
            {
              "value": "middle_right",
              "label": "Middle Right"
            },
            {
              "value": "bottom_left",
              "label": "Bottom Left"
            },
            {
              "value": "bottom_center",
              "label": "Bottom Center"
            },
            {
              "value": "bottom_right",
              "label": "Bottom Right"
            }
          ]
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Mini Image Hotspot"
    }
  ]
}