Section

品牌背书跑马灯

6 个模板实例，18 个 section 配置，1 类 block。

打开独立预览

真实模板变体

page.laifen-dealsmarquee_bgHyf4 · 13 blocks启用page.laifen-dealsmarquee_LwKFmN · 4 blocks启用product.bundle-se-wavespecial268d1007-1203-4b9e-b5a2-f2ae282d6236 · 12 blocks已禁用product.giftcard268d1007-1203-4b9e-b5a2-f2ae282d6236 · 12 blocks已禁用product.se-bag-bundle268d1007-1203-4b9e-b5a2-f2ae282d6236 · 12 blocks已禁用product.se-lite-diffuser-bundle268d1007-1203-4b9e-b5a2-f2ae282d6236 · 12 blocks已禁用

Schema

{
  "name": "品牌背书跑马灯",
  "class": "marquee-section",
  "settings": [
    {
      "type": "image_picker",
      "id": "background_image",
      "label": "Background image"
    },
    {
      "type": "image_picker",
      "id": "background_image_mobile",
      "label": "Background image (Mobile)"
    },
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "Autoplay",
      "default": true
    },
    {
      "type": "range",
      "id": "items_per_view",
      "label": "Items per view",
      "min": 1,
      "max": 8,
      "default": 4,
      "info": "Will be used for desktop view, only if autoplay is disabled"
    },
    {
      "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": "text",
      "id": "sub_heading",
      "label": "Sub Heading"
    },
    {
      "type": "textarea",
      "id": "title",
      "label": "Title"
    },
    {
      "type": "textarea",
      "id": "sub_heading_1",
      "label": "Sub Heading 1",
      "default": "2022 Editor’s Choice Award Winner"
    },
    {
      "type": "textarea",
      "id": "sub_heading_2",
      "label": "Sub Heading 2",
      "default": "Internationally Certified"
    },
    {
      "type": "select",
      "id": "direction",
      "options": [
        {
          "value": "left",
          "label": "left"
        },
        {
          "value": "right",
          "label": "right"
        }
      ],
      "default": "left",
      "label": "Direction"
    },
    {
      "type": "range",
      "id": "speed",
      "min": 0.5,
      "max": 2.5,
      "step": 0.1,
      "label": "Speed",
      "unit": "s",
      "default": 1.6
    },
    {
      "type": "header",
      "content": "Colors",
      "info": "Options colors"
    },
    {
      "type": "color",
      "id": "colors_background",
      "label": "Background color",
      "default": "#1a1b18"
    },
    {
      "type": "color_background",
      "id": "gradient_background",
      "label": "Gradient Backgroubd"
    },
    {
      "type": "header",
      "content": "Section spacing"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 36,
      "step": 2,
      "unit": "px",
      "label": "Padding top",
      "default": 0
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 36,
      "step": 2,
      "unit": "px",
      "label": "Badding bottom",
      "default": 0
    }
  ],
  "blocks": [
    {
      "type": "marquee",
      "name": "Marquee block",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "品牌背书跑马灯"
    }
  ]
}