Game before after

真实模板变体

Schema

{
  "name": "Game before after",
  "class": "game-before-after-section",
  "settings": [
    {
      "type": "header",
      "content": "Header"
    },
    {
      "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": "After Image"
    },
    {
      "type": "image_picker",
      "id": "image2",
      "label": "Before Image"
    },
    {
      "type": "textarea",
      "id": "text_1",
      "label": "Heading 1",
      "default": "<span class='clored-text'>+19%</span> Shine"
    },
    {
      "type": "textarea",
      "id": "text_2",
      "label": "Heading 2",
      "default": "<span class='clored-text'>+15%</span> Smoothness"
    },
    {
      "type": "textarea",
      "id": "text_3",
      "label": "Heading 3",
      "default": "<span class='clored-text'>-40%</span> Frizz"
    },
    {
      "type": "checkbox",
      "id": "invert",
      "label": "Image on right"
    },
    {
      "type": "checkbox",
      "id": "before_after",
      "label": "Show Before/After functionality",
      "default": false
    },
    {
      "type": "text",
      "id": "sub_heading",
      "label": "Sub Heading",
      "default": "INTUITIVE DESIGN"
    },
    {
      "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 before after"
    }
  ]
}