Brush img text inveritble

真实模板变体

Schema

{
  "name": "Brush img text inveritble",
  "class": "brush-img-invertible-section",
  "settings": [
    {
      "type": "header",
      "content": "Header"
    },
    {
      "type": "color_background",
      "id": "bg",
      "label": "Background (Desktop)"
    },
    {
      "type": "color_background",
      "id": "bg_m",
      "label": "Background (Mobile)"
    },
    {
      "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": "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>"
    }
  ],
  "blocks": [],
  "presets": [
    {
      "name": "Brush img text inveritble"
    }
  ]
}