Section

Battery Features

2 个模板实例,15 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "Battery Features",
  "tag": "section",
  "class": "section",
  "settings": [
    {
      "type": "text",
      "id": "section_id",
      "label": "Section ID",
      "default": "battery-features"
    },
    {
      "type": "header",
      "content": "Content Settings"
    },
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Long Lasting, Fast Charging",
      "placeholder": "Enter heading text"
    },
    {
      "type": "checkbox",
      "id": "mobile_content_after_image",
      "label": "移动端:将标题内容放到图片下方",
      "default": false
    },
    {
      "type": "header",
      "content": "Image Settings"
    },
    {
      "type": "image_picker",
      "id": "desktop_image",
      "label": "Desktop Image"
    },
    {
      "type": "image_picker",
      "id": "mobile_image",
      "label": "Mobile Image (Optional)",
      "info": "If not set, desktop image will be used on mobile"
    },
    {
      "type": "checkbox",
      "id": "image_full_width",
      "label": "Image full width (edge-to-edge)",
      "default": false
    },
    {
      "type": "header",
      "content": "Style Settings"
    },
    {
      "type": "color",
      "id": "background_color",
      "label": "Background Color",
      "default": "transparent"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "accent_color",
      "label": "Accent Color (Icons)",
      "default": "#00bcd4"
    },
    {
      "type": "header",
      "content": "Section Spacing"
    },
    {
      "type": "range",
      "id": "section_padding_top",
      "min": 0,
      "max": 120,
      "step": 4,
      "unit": "px",
      "label": "Top Padding",
      "default": 60
    },
    {
      "type": "range",
      "id": "section_padding_bottom",
      "min": 0,
      "max": 120,
      "step": 4,
      "unit": "px",
      "label": "Bottom Padding",
      "default": 60
    }
  ],
  "blocks": [
    {
      "type": "feature",
      "name": "Feature",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Feature Title",
          "placeholder": "Enter feature title"
        },
        {
          "type": "text",
          "id": "description",
          "label": "Feature Description (Optional)",
          "placeholder": "Enter feature description"
        },
        {
          "type": "richtext",
          "id": "title_richtext",
          "label": "Feature Title (Rich text)",
          "info": "可使用加粗来高亮部分文字",
          "default": "<p></p>"
        },
        {
          "type": "richtext",
          "id": "description_richtext",
          "label": "Feature Description (Rich text)",
          "info": "可使用加粗来高亮部分文字",
          "default": "<p></p>"
        },
        {
          "type": "select",
          "id": "icon_type",
          "label": "Icon Type",
          "options": [
            {
              "value": "svg",
              "label": "SVG Icon"
            },
            {
              "value": "image",
              "label": "Custom Image"
            }
          ],
          "default": "svg"
        },
        {
          "type": "select",
          "id": "icon_svg",
          "label": "SVG Icon",
          "options": [
            {
              "value": "usb_port",
              "label": "USB Port"
            },
            {
              "value": "battery",
              "label": "Battery"
            },
            {
              "value": "fast_charge",
              "label": "Fast Charge"
            },
            {
              "value": "check_mark",
              "label": "Check Mark"
            },
            {
              "value": "none",
              "label": "None"
            }
          ],
          "default": "battery"
        },
        {
          "type": "image_picker",
          "id": "icon_image",
          "label": "Custom Icon Image",
          "info": "Only used when Icon Type is set to 'Custom Image'"
        },
        {
          "type": "color",
          "id": "icon_color",
          "label": "Icon Color (SVG only)",
          "info": "Leave empty to use accent color"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Battery Features",
      "category": "Product",
      "blocks": [
        {
          "type": "feature",
          "settings": {
            "title": "USB-C Port",
            "icon_svg": "usb_port"
          }
        },
        {
          "type": "feature",
          "settings": {
            "title": "120 Min",
            "icon_svg": "battery"
          }
        },
        {
          "type": "feature",
          "settings": {
            "title": "1 Min Quick Charge",
            "description": "8 Min Use",
            "icon_svg": "fast_charge"
          }
        }
      ]
    }
  ]
}