Section

产品型号选购

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

真实模板变体

Schema

{
  "name": "产品型号选购",
  "class": "collection-hairdryer-section",
  "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": "title",
      "label": "Heading"
    },
    {
      "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": "collection",
      "id": "collection",
      "label": "Collection"
    },
    {
      "type": "color",
      "id": "color_text_bg",
      "label": "Highligthted text/Badge colors",
      "default": "#0E98FF"
    }
  ],
  "blocks": [
    {
      "type": "accessories",
      "name": "Accessories",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "textarea",
          "id": "heading",
          "label": "Heading"
        },
        {
          "type": "textarea",
          "id": "subheading",
          "label": "Sub Heading"
        },
        {
          "type": "checkbox",
          "id": "show_save_badge",
          "label": "Show save badge",
          "default": false
        },
        {
          "type": "textarea",
          "id": "save_badge",
          "label": "Save badge"
        }
      ]
    },
    {
      "type": "hairdryer",
      "name": "Hairdryer",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "textarea",
          "id": "heading",
          "label": "Heading"
        },
        {
          "type": "textarea",
          "id": "subheading",
          "label": "Sub Heading"
        },
        {
          "type": "checkbox",
          "id": "show_save_badge",
          "label": "Show save badge",
          "default": false
        },
        {
          "type": "textarea",
          "id": "save_badge",
          "label": "Save badge"
        },
        {
          "type": "header",
          "content": "Swatches"
        },
        {
          "type": "color_background",
          "id": "c_1",
          "label": "Color swatch 1",
          "default": "linear-gradient(151deg, #C7302B -18.09%, #FF6963 102.26%)"
        },
        {
          "type": "color_background",
          "id": "c_2",
          "label": "Color swatch 2",
          "default": "linear-gradient(140deg, #FBFBFB 19.05%, #DBDBDB 134.16%)"
        },
        {
          "type": "color_background",
          "id": "c_3",
          "label": "Color swatch 3",
          "default": "linear-gradient(140deg, #C5C8CE 19.05%, #575B62 134.16%)"
        },
        {
          "type": "color_background",
          "id": "c_4",
          "label": "Color swatch 4",
          "default": "linear-gradient(151deg, #C7302B -18.09%, #FF6963 102.26%)"
        },
        {
          "type": "color_background",
          "id": "c_5",
          "label": "Color swatch 5",
          "default": "linear-gradient(151deg, #C7302B -18.09%, #FF6963 102.26%)"
        },
        {
          "type": "text",
          "id": "from_text",
          "label": "From Text"
        },
        {
          "type": "text",
          "id": "price",
          "label": "Price"
        },
        {
          "type": "text",
          "id": "compare_price",
          "label": "Compare price"
        }
      ]
    },
    {
      "type": "card",
      "name": "Card",
      "limit": 1,
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "textarea",
          "id": "heading",
          "label": "Heading"
        },
        {
          "type": "textarea",
          "id": "subheading",
          "label": "Sub Heading"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "产品型号选购"
    }
  ]
}