Section

使用效果展示

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

打开独立预览

真实模板变体

page.se-liteimage_text_with_3_icons_yMeLwP · 3 blocks启用product.bundle-selite-bagimage_text_with_3_icons_KPwaXg · 3 blocks启用product.giftcardimage_text_with_3_icons_KPwaXg · 3 blocks已禁用product.se-lite-diffuser-bundleimage_text_with_3_icons_KPwaXg · 3 blocks启用product.se-liteimage_text_with_3_icons_KPwaXg · 3 blocks启用

Schema

{
  "name": "使用效果展示",
  "class": "image-text-with-3-icons",
  "settings": [
    {
      "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": "19m/sの風速で、<br>3分で速乾"
    },
    {
      "type": "textarea",
      "id": "subheading",
      "label": "Sub heading",
      "default": "SE Liteは、Laifen独自に開発・製造した高速ブラシレスモーターを搭載しており、 <br>10万回転/分の超高速気圧増幅を実現し、SE Liteは19m/sのパワーでスムーズな風を実現しています。 <br>卓越した性能は、ハイエンドの速乾ドライヤーに匹敵する体験を提供します。"
    },
    {
      "type": "color",
      "id": "desktop_bg",
      "label": "Background color"
    },
    {
      "type": "image_picker",
      "id": "image_d",
      "label": "Desktop image"
    },
    {
      "type": "color",
      "id": "mobile_bg",
      "label": "Background color"
    },
    {
      "type": "image_picker",
      "id": "image_m",
      "label": "Mobile image"
    }
  ],
  "blocks": [
    {
      "type": "block",
      "name": "Block",
      "settings": [
        {
          "type": "text",
          "id": "s_heading",
          "label": "Small heading",
          "default": "ショートヘア"
        },
        {
          "type": "text",
          "id": "b_heading",
          "label": "Big heading",
          "default": "3"
        },
        {
          "type": "text",
          "id": "subheading",
          "label": "Sub heading",
          "default": "分⁵"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "使用效果展示"
    }
  ]
}