Section

Collection header

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

打开独立预览

真实模板变体

collection.basecollection_header · 0 blocks启用collection.eam-hairdryercp-v1collection_header_rfdYxd · 6 blocks启用collection.eam-toothbrushcp-v1collection_header_rfdYxd · 3 blocks启用collection.electricshavercollection_header_rfdYxd · 4 blocks启用collection.new-hair-dryer-collectiocollection_header · 0 blocks启用

Schema

{
  "name": "Collection header",
  "class": "collection-header-section",
  "settings": [
    {
      "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": "h1",
      "label": "Heading tag",
      "info": "标题标签"
    },
    {
      "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"
    }
  ],
  "blocks": [
    {
      "type": "link",
      "name": "Link",
      "settings": [
        {
          "type": "text",
          "id": "link_text",
          "label": "Link text"
        },
        {
          "type": "textarea",
          "id": "link",
          "label": "Link"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Collection header"
    }
  ]
}