Collection KOL Videos

真实模板变体

Schema

{
  "name": "Collection KOL Videos",
  "tag": "section",
  "class": "collection-kol-videos-section",
  "settings": [
    {
      "type": "text",
      "id": "section_id",
      "label": "Section ID",
      "default": "kol-videos"
    },
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Follow KOL's Pick"
    },
    {
      "type": "select",
      "id": "heading_tag",
      "label": "Heading tag",
      "options": [
        {
          "value": "h1",
          "label": "H1"
        },
        {
          "value": "h2",
          "label": "H2"
        },
        {
          "value": "h3",
          "label": "H3"
        },
        {
          "value": "p",
          "label": "Paragraph"
        }
      ],
      "default": "h2"
    },
    {
      "type": "header",
      "content": "Layout"
    },
    {
      "type": "range",
      "id": "max_width",
      "min": 1000,
      "max": 1800,
      "step": 10,
      "unit": "px",
      "label": "Max width",
      "default": 1310
    },
    {
      "type": "range",
      "id": "slide_width_desktop",
      "min": 260,
      "max": 460,
      "step": 10,
      "unit": "px",
      "label": "Slide width desktop",
      "default": 400
    },
    {
      "type": "range",
      "id": "card_gap",
      "min": 8,
      "max": 40,
      "step": 2,
      "unit": "px",
      "label": "Card gap",
      "default": 16
    },
    {
      "type": "range",
      "id": "card_radius",
      "min": 0,
      "max": 28,
      "step": 2,
      "unit": "px",
      "label": "Card radius",
      "default": 14
    },
    {
      "type": "range",
      "id": "default_visible_count",
      "min": 1,
      "max": 12,
      "step": 1,
      "label": "Items visible before Show More",
      "default": 4
    },
    {
      "type": "header",
      "content": "Interaction"
    },
    {
      "type": "range",
      "id": "loop_seconds",
      "min": 1,
      "max": 10,
      "step": 1,
      "unit": "s",
      "label": "Hover preview loop length",
      "default": 4
    },
    {
      "type": "text",
      "id": "show_more_text",
      "label": "Show more text",
      "default": "Show More"
    },
    {
      "type": "text",
      "id": "show_less_text",
      "label": "Show less text",
      "default": "Show Less"
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "background_color",
      "label": "Background",
      "default": "#f5f5f5"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading",
      "default": "#151515"
    },
    {
      "type": "color",
      "id": "text_color",
      "label": "Text",
      "default": "#151515"
    },
    {
      "type": "color",
      "id": "dot_color",
      "label": "Dot",
      "default": "#d0d4da"
    },
    {
      "type": "color",
      "id": "dot_active_color",
      "label": "Active dot",
      "default": "#111111"
    }
  ],
  "blocks": [
    {
      "type": "video",
      "name": "KOL video",
      "settings": [
        {
          "type": "image_picker",
          "id": "poster",
          "label": "Poster image"
        },
        {
          "type": "video",
          "id": "video",
          "label": "Shopify-hosted video"
        },
        {
          "type": "url",
          "id": "original_video_link",
          "label": "Original video link"
        },
        {
          "type": "text",
          "id": "kol_name",
          "label": "KOL label",
          "default": "@KOL_NAME"
        },
        {
          "type": "header",
          "content": "Product badge"
        },
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "image_picker",
          "id": "product_image",
          "label": "Custom product image"
        },
        {
          "type": "text",
          "id": "product_title",
          "label": "Custom product title"
        },
        {
          "type": "url",
          "id": "product_link",
          "label": "Custom product link"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Collection KOL Videos",
      "blocks": [
        {
          "type": "video"
        },
        {
          "type": "video"
        },
        {
          "type": "video"
        },
        {
          "type": "video"
        }
      ]
    }
  ]
}