Section

产品型号对比

3 个模板实例,6 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "产品型号对比",
  "class": "hairdryer-images-collection",
  "settings": [
    {
      "type": "text",
      "id": "section_id",
      "label": "Section Id"
    },
    {
      "type": "select",
      "id": "section_width",
      "options": [
        {
          "value": "grid",
          "label": "Grid"
        },
        {
          "value": "full-width-row",
          "label": "Full width"
        },
        {
          "value": "full-width-row-full",
          "label": "Full width, no spacing"
        }
      ],
      "default": "grid",
      "label": "Section width"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "Choose Your Hairdryer"
    },
    {
      "type": "select",
      "id": "heading_tag",
      "options": [
        {
          "value": "h1",
          "label": "H1"
        },
        {
          "value": "h2",
          "label": "H2"
        },
        {
          "value": "h3",
          "label": "H3"
        }
      ],
      "default": "h2",
      "label": "Heading tag",
      "info": "标题标签"
    },
    {
      "type": "checkbox",
      "id": "three_columns",
      "label": "Show 3 columns",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_more",
      "label": "Show More",
      "default": true
    }
  ],
  "blocks": [
    {
      "type": "product",
      "name": "Product block",
      "settings": [
        {
          "type": "text",
          "id": "tag",
          "label": "Block tag"
        },
        {
          "type": "image_picker",
          "id": "p_image",
          "label": "Product image"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "text",
          "id": "product_price",
          "label": "Product price"
        },
        {
          "type": "textarea",
          "id": "p_title",
          "label": "Product title",
          "default": "Swift"
        },
        {
          "type": "header",
          "content": "Row 1"
        },
        {
          "type": "image_picker",
          "id": "row_1_icon",
          "label": "Row 1 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_1_img",
          "label": "Row 1 Image"
        },
        {
          "type": "text",
          "id": "icon_1",
          "label": "Row 1 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_1",
          "label": "Row 1 desciption",
          "default": "110,000 rpm Motor Revoluions"
        },
        {
          "type": "header",
          "content": "Row 2"
        },
        {
          "type": "image_picker",
          "id": "row_2_icon",
          "label": "Row 2 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_2_img",
          "label": "Row 2 Image"
        },
        {
          "type": "text",
          "id": "icon_2",
          "label": "Row 2 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_2",
          "label": "Row 2 desciption",
          "default": "22/ms wind speed"
        },
        {
          "type": "header",
          "content": "Row 3"
        },
        {
          "type": "image_picker",
          "id": "row_3_icon",
          "label": "Row 3 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_3_img",
          "label": "Row 3 Image"
        },
        {
          "type": "text",
          "id": "icon_3",
          "label": "Row 3 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_3",
          "label": "Row 3 desciption",
          "default": "Nylon + Glass Fiber"
        },
        {
          "type": "header",
          "content": "Row 4"
        },
        {
          "type": "image_picker",
          "id": "row_4_icon",
          "label": "Row 4 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_4_img",
          "label": "Row 4 Image"
        },
        {
          "type": "text",
          "id": "icon_4",
          "label": "Row 4 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_4",
          "label": "Row 4 desciption",
          "default": "Max Power 1600W"
        },
        {
          "type": "header",
          "content": "Row 5"
        },
        {
          "type": "image_picker",
          "id": "row_5_icon",
          "label": "Row 5 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_5_img",
          "label": "Row 5 Image"
        },
        {
          "type": "text",
          "id": "icon_5",
          "label": "Row 5 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_5",
          "label": "Row 5 desciption"
        },
        {
          "type": "header",
          "content": "Row 6"
        },
        {
          "type": "image_picker",
          "id": "row_6_icon",
          "label": "Row 6 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_6_img",
          "label": "Row 6 Image"
        },
        {
          "type": "text",
          "id": "icon_6",
          "label": "Row 6 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_6",
          "label": "Row 6 desciption"
        },
        {
          "type": "header",
          "content": "Row 7"
        },
        {
          "type": "image_picker",
          "id": "row_7_icon",
          "label": "Row 7 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_7_img",
          "label": "Row 7 Image"
        },
        {
          "type": "text",
          "id": "icon_7",
          "label": "Row 7 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_7",
          "label": "Row 7 desciption"
        },
        {
          "type": "header",
          "content": "Row 8"
        },
        {
          "type": "image_picker",
          "id": "row_8_icon",
          "label": "Row 8 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_8_img",
          "label": "Row 8 Image"
        },
        {
          "type": "text",
          "id": "icon_8",
          "label": "Row 8 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_8",
          "label": "Row 8 desciption"
        },
        {
          "type": "header",
          "content": "Row 9"
        },
        {
          "type": "image_picker",
          "id": "row_9_icon",
          "label": "Row 9 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_9_img",
          "label": "Row 9 Image"
        },
        {
          "type": "text",
          "id": "icon_9",
          "label": "Row 9 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_9",
          "label": "Row 9 desciption"
        },
        {
          "type": "header",
          "content": "Row 10"
        },
        {
          "type": "image_picker",
          "id": "row_10_icon",
          "label": "Row 10 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_10_img",
          "label": "Row 10 Image"
        },
        {
          "type": "text",
          "id": "icon_10",
          "label": "Row 10 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_10",
          "label": "Row 10 desciption"
        },
        {
          "type": "header",
          "content": "Row 11"
        },
        {
          "type": "image_picker",
          "id": "row_11_icon",
          "label": "Row 11 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_11_img",
          "label": "Row 11 Image"
        },
        {
          "type": "text",
          "id": "icon_11",
          "label": "Row 11 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_11",
          "label": "Row 11 desciption"
        },
        {
          "type": "header",
          "content": "Row 12"
        },
        {
          "type": "image_picker",
          "id": "row_12_icon",
          "label": "Row 12 icon"
        },
        {
          "type": "image_picker",
          "id": "icon_12_img",
          "label": "Row 12 Image"
        },
        {
          "type": "text",
          "id": "icon_12",
          "label": "Row 12 heading"
        },
        {
          "type": "textarea",
          "id": "icon_t_12",
          "label": "Row 12 desciption"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "产品型号对比"
    }
  ]
}