Game img text inveritble

真实模板变体

Schema

{
  "name": "Game img text inveritble",
  "class": "game-img-invertible-section",
  "settings": [
    {
      "type": "header",
      "content": "Header"
    },
    {
      "type": "color",
      "id": "bg",
      "label": "Background"
    },
    {
      "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": "text",
      "id": "sub_heading",
      "label": "Sub Heading",
      "default": "INTUITIVE DESIGN",
      "info": "Leave empty if want to use image"
    },
    {
      "type": "image_picker",
      "id": "image",
      "label": "Main Image"
    },
    {
      "type": "checkbox",
      "id": "show_bg",
      "label": "Show blackground on mobile",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "invert",
      "label": "Image on right"
    },
    {
      "type": "video",
      "id": "video",
      "label": "A Shopify-hosted video"
    },
    {
      "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 game 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": "Game img text inveritble"
    }
  ]
}