Slideshow v4

真实模板变体

Schema

{
  "name": "Slideshow v4",
  "class": "slideshow-v4-section",
  "settings": [
    {
      "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": "number",
      "id": "autoplay",
      "label": "Autoplay time (seconds)",
      "default": 5
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "type": "select",
          "id": "position",
          "options": [
            {
              "value": "middle_center",
              "label": "Middle center"
            },
            {
              "value": "middle_left",
              "label": "Middle left"
            },
            {
              "value": "middle_right",
              "label": "Middle right"
            },
            {
              "value": "top_right",
              "label": "Top right"
            },
            {
              "value": "top_center",
              "label": "Top center"
            },
            {
              "value": "top_left",
              "label": "Top left"
            },
            {
              "value": "bottom_left",
              "label": "Bottom left"
            },
            {
              "value": "bottom_center",
              "label": "Bottom center"
            },
            {
              "value": "bottom_right",
              "label": "Bottom right"
            }
          ],
          "default": "middle_center",
          "label": "Text position (Desktop)"
        },
        {
          "type": "select",
          "id": "position_m",
          "options": [
            {
              "value": "middle_center",
              "label": "Middle center"
            },
            {
              "value": "middle_left",
              "label": "Middle left"
            },
            {
              "value": "middle_right",
              "label": "Middle right"
            },
            {
              "value": "top_right",
              "label": "Top right"
            },
            {
              "value": "top_center",
              "label": "Top center"
            },
            {
              "value": "top_left",
              "label": "Top left"
            },
            {
              "value": "bottom_left",
              "label": "Bottom left"
            },
            {
              "value": "bottom_center",
              "label": "Bottom center"
            },
            {
              "value": "bottom_right",
              "label": "Bottom right"
            }
          ],
          "default": "middle_center",
          "label": "Text position (Mobile)"
        },
        {
          "type": "select",
          "id": "text_align",
          "options": [
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "center",
          "label": "Text alignment"
        },
        {
          "type": "select",
          "id": "text_align_m",
          "options": [
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "center",
          "label": "Text alignment (Mobile)"
        },
        {
          "type": "number",
          "id": "width",
          "label": "Content max width (px)",
          "default": 600
        },
        {
          "type": "color",
          "id": "span_color",
          "label": "Span color"
        },
        {
          "type": "color",
          "id": "subtitle_color",
          "label": "Sub Title color"
        },
        {
          "type": "textarea",
          "id": "subtitle",
          "label": "Sub Title",
          "info": "Use <span></span> if want to use different color for span"
        },
        {
          "type": "color",
          "id": "title_color",
          "label": "Title color"
        },
        {
          "type": "textarea",
          "id": "title",
          "label": "Title",
          "info": "Use <span></span> if want to use different color for span"
        },
        {
          "type": "color",
          "id": "content_color",
          "label": "Content color"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "Content"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image desktop"
        },
        {
          "type": "image_picker",
          "id": "image_m",
          "label": "Image mobile"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Slideshow v4"
    }
  ]
}