Section

How It Works

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

真实模板变体

page.affiliatehow_it_works_wPcb6V · 5 blocks已禁用 page.bulk-orderhow_it_works_kFB4pW · 5 blocks启用

Schema

{
  "name": "How It Works",
  "class": "how-it-works-section",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "How It Works"
    },
    {
      "type": "color_background",
      "id": "section_background",
      "label": "Section background",
      "default": "#ffffff"
    }
  ],
  "blocks": [
    {
      "type": "step",
      "name": "Step",
      "settings": [
        {
          "type": "image_picker",
          "id": "icon",
          "label": "Icon"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title"
        },
        {
          "type": "text",
          "id": "subtitle",
          "label": "Subtitle"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "How It Works",
      "settings": {
        "heading": "How It Works"
      },
      "blocks": [
        {
          "type": "step",
          "settings": {
            "title": "Step 1",
            "subtitle": "Submit your application"
          }
        },
        {
          "type": "step",
          "settings": {
            "title": "Step 2",
            "subtitle": "We review, confirm"
          }
        },
        {
          "type": "step",
          "settings": {
            "title": "Step 3",
            "subtitle": "You receive a quote"
          }
        },
        {
          "type": "step",
          "settings": {
            "title": "Step 4",
            "subtitle": "Place your order"
          }
        },
        {
          "type": "step",
          "settings": {
            "title": "Step 5",
            "subtitle": "Track and receive your shipment"
          }
        }
      ]
    }
  ]
}