Section

Product Image Carousel

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

真实模板变体

Schema

{
  "name": "Product Image Carousel",
  "tag": "section",
  "class": "section",
  "settings": [
    {
      "type": "textarea",
      "id": "heading",
      "label": "Heading"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "accent_color",
      "label": "Accent color",
      "default": "#8C6DFB"
    },
    {
      "type": "color_background",
      "id": "background",
      "label": "Background",
      "default": "#ffffff"
    },
    {
      "type": "header",
      "content": "Section spacing"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 120,
      "step": 4,
      "unit": "px",
      "label": "Padding top",
      "default": 0
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 120,
      "step": 4,
      "unit": "px",
      "label": "Padding bottom",
      "default": 0
    },
    {
      "type": "header",
      "content": "Autoplay"
    },
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "Enable autoplay",
      "default": false
    },
    {
      "type": "range",
      "id": "autoplay_interval",
      "min": 2000,
      "max": 8000,
      "step": 500,
      "unit": "ms",
      "label": "Autoplay interval",
      "default": 4000
    }
  ],
  "blocks": [
    {
      "type": "slide",
      "name": "Slide",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    },
    {
      "type": "slide_2",
      "name": "Slide 2",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    },
    {
      "type": "slide_3",
      "name": "Slide 3",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    },
    {
      "type": "slide_4",
      "name": "Slide 4",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    },
    {
      "type": "slide_5",
      "name": "Slide 5",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    },
    {
      "type": "slide_6",
      "name": "Slide 6",
      "settings": [
        {
          "type": "image_picker",
          "id": "image_pc",
          "label": "Image (Desktop)"
        },
        {
          "type": "image_picker",
          "id": "image_mb",
          "label": "Image (Mobile)"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Product Image Carousel"
    }
  ]
}