Section

Brush image text full

2 个模板实例,13 个 section 配置,0 类 block。

真实模板变体

Schema

{
  "name": "Brush image text full",
  "class": "brush-image-text-full-section",
  "settings": [
    {
      "type": "header",
      "content": "Header"
    },
    {
      "type": "color_background",
      "id": "bg",
      "label": "Background"
    },
    {
      "type": "checkbox",
      "id": "over_mobile",
      "label": "Show content over media on mobile",
      "default": false
    },
    {
      "type": "color",
      "id": "color",
      "label": "Color",
      "default": "#000000"
    },
    {
      "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": "Main Image"
    },
    {
      "type": "checkbox",
      "id": "invert",
      "label": "Image on right"
    },
    {
      "type": "video",
      "id": "video",
      "label": "A Shopify-hosted video"
    },
    {
      "type": "text",
      "id": "tag",
      "label": "Tag"
    },
    {
      "type": "textarea",
      "id": "sub_heading",
      "label": "Sub Heading",
      "default": "INTUITIVE DESIGN",
      "info": "Leave empty if want to use image"
    },
    {
      "type": "html",
      "id": "heading",
      "label": "Heading",
      "default": "Durable aluminium alloy"
    },
    {
      "type": "richtext",
      "id": "content",
      "label": "Content",
      "default": "<p>In traditional hair dryer designs, the only way to check the temperature setting is to look at it directly. Now, Laifen is changing the brush and making the experience far more user-friendly. The 3-Color LED display indicates the temperature setting you're on, letting you know the temperature at a glance.</p>"
    },
    {
      "type": "text",
      "id": "sub_text",
      "label": "Sub text"
    }
  ],
  "blocks": [],
  "presets": [
    {
      "name": "Brush image text full"
    }
  ]
}