Section

Efficiency slider

2 个模板实例,10 个 section 配置,1 类 block。

真实模板变体

Schema

{
  "name": "Efficiency slider",
  "class": "efficiency-slider-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": "color_background",
      "id": "bg",
      "label": "Background"
    },
    {
      "type": "color",
      "id": "color",
      "label": "Color",
      "default": "#000000"
    },
    {
      "type": "color_background",
      "id": "color_strong_",
      "label": "Text Strong Color",
      "default": "#ffffff"
    },
    {
      "type": "color_background",
      "id": "color_p",
      "label": "Text Color Paragraph",
      "default": "rgba(255, 255, 255, 0.70)"
    },
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading",
      "default": "Efficiency with a gentle touch."
    },
    {
      "type": "richtext",
      "id": "content",
      "label": "Content",
      "default": "<p>The handle is created through a continuous deep drawing process that presses and stretches a single piece of metal 11 times to create a seamless metal handle with a futuristic aesthetic.</p>"
    },
    {
      "type": "text",
      "id": "button_text",
      "label": "Button Text"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Button Link"
    }
  ],
  "blocks": [
    {
      "type": "block",
      "name": "Block",
      "settings": [
        {
          "type": "textarea",
          "id": "heading",
          "label": "Heading"
        },
        {
          "type": "checkbox",
          "id": "position",
          "label": "Content position (Top)",
          "info": "Check to show on top else bottom",
          "default": true
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "Content",
          "default": "<p>The handle is created through a continuous deep drawing process that presses and stretches a single piece of metal 11 times to create a seamless metal handle with a futuristic aesthetic.</p>"
        },
        {
          "type": "image_picker",
          "id": "image_d",
          "label": "Main Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_m",
          "label": "Main Image (Mobile)"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Efficiency slider"
    }
  ]
}