Section

Image layered collection

5 个模板实例，10 个 section 配置，0 类 block。

真实模板变体

collection.eam-hairdryercp-v1image_text_layered_collection_WbFXjp · 0 blocks已禁用 collection.eam-toothbrushcp-v159220975-6209-4d8c-843a-5afcde0b2ff0 · 0 blocks启用 collection.eam-toothbrushcp-v1image_text_layered_collection_TgCEAE · 0 blocks已禁用 collection.electricshaverimage_text_layered_collection_J3wKae · 0 blocks启用 collection.electricshaverimage_text_layered_collection_pfPQFe · 0 blocks已禁用

Schema

{
  "name": "Image layered collection",
  "class": "image-text-layered-collection",
  "settings": [
    {
      "type": "html",
      "id": "heading",
      "label": "Heading",
      "default": "Discover Laifen Hair Dryers"
    },
    {
      "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": "richtext",
      "id": "content",
      "label": "Content"
    },
    {
      "type": "checkbox",
      "id": "end",
      "label": "Show at the end",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "white_btn",
      "label": "White button",
      "default": false
    },
    {
      "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": "image_picker",
      "id": "image",
      "label": "Image desktop"
    },
    {
      "type": "image_picker",
      "id": "image_mobile",
      "label": "Image mobile"
    },
    {
      "type": "text",
      "id": "button_text",
      "label": "Button text",
      "default": "Learn more"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Button link"
    }
  ],
  "blocks": [],
  "presets": [
    {
      "name": "Image layered collection"
    }
  ]
}