Section

常见问题折叠 v2

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

真实模板变体

Schema

{
  "name": "常见问题折叠 v2",
  "class": "faqs-v2",
  "settings": [
    {
      "type": "image_picker",
      "id": "background_image",
      "label": "Background image"
    },
    {
      "type": "image_picker",
      "id": "background_image_mobile",
      "label": "Background image (Mobile)"
    },
    {
      "type": "image_picker",
      "id": "logo",
      "label": "Logo"
    },
    {
      "type": "textarea",
      "id": "title",
      "label": "Title"
    },
    {
      "type": "textarea",
      "id": "tags",
      "label": "All tags (Comma separted)",
      "info": "Please use tags to make fliters. Use exact wordings"
    },
    {
      "type": "color",
      "id": "title_color",
      "label": "Title color",
      "default": "#ffffff"
    },
    {
      "type": "color_background",
      "id": "title_bg",
      "label": "Title background",
      "default": "rgb(0 0 0 / 80%)"
    },
    {
      "type": "checkbox",
      "id": "title_left",
      "label": "Title on left",
      "default": false
    },
    {
      "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",
      "id": "background",
      "label": "Background",
      "default": "#F2CA5B"
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": "Counts Set",
      "settings": [
        {
          "type": "text",
          "id": "tag",
          "label": "Question tag (Comma separted)"
        },
        {
          "type": "text",
          "id": "faq_ques",
          "label": "Question",
          "default": "Question lorem ipsum"
        },
        {
          "type": "checkbox",
          "id": "open",
          "label": "Open by deafult",
          "default": false
        },
        {
          "type": "richtext",
          "id": "faq_ans",
          "label": "Answer",
          "default": "<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "常见问题折叠 v2",
      "category": "Main Section"
    }
  ]
}