商品列表

真实模板变体

Schema

{
  "name": "商品列表",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Section Heading",
      "default": "Our Products"
    },
    {
      "type": "color",
      "id": "heading_color",
      "label": "Heading Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "view_more_color",
      "label": "View More Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "background_color",
      "label": "Background Color",
      "default": "#f5f5f5"
    },
    {
      "type": "color",
      "id": "tab_bar_background",
      "label": "Tab Bar Background",
      "default": "#eeeeee"
    },
    {
      "type": "color",
      "id": "tab_bar_border_color",
      "label": "Tab Bar Border Color",
      "default": "#e8e8e8"
    },
    {
      "type": "color",
      "id": "tab_active_background",
      "label": "Active Tab Background",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "tab_active_text_color",
      "label": "Active Tab Text Color",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "tab_inactive_text_color",
      "label": "Inactive Tab Text Color",
      "default": "#666666"
    },
    {
      "type": "color",
      "id": "card_background",
      "label": "Card Background",
      "default": "#ffffff"
    },
    {
      "type": "range",
      "id": "card_border_radius",
      "label": "Card Border Radius",
      "min": 0,
      "max": 30,
      "step": 1,
      "default": 12,
      "unit": "px"
    },
    {
      "type": "color",
      "id": "button_background",
      "label": "Button Background",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "button_text_color",
      "label": "Button Text Color",
      "default": "#ffffff"
    },
    {
      "type": "range",
      "id": "button_border_radius",
      "label": "Button Border Radius",
      "min": 0,
      "max": 100,
      "step": 1,
      "default": 100,
      "unit": "px"
    },
    {
      "type": "color",
      "id": "price_color",
      "label": "Price Color",
      "default": "#000000"
    },
    {
      "type": "color",
      "id": "nav_arrow_background",
      "label": "Navigation Arrow Background",
      "default": "#e0e0e0"
    },
    {
      "type": "color",
      "id": "nav_arrow_color",
      "label": "Navigation Arrow Color",
      "default": "#000000"
    },
    {
      "type": "range",
      "id": "padding_top",
      "label": "Padding Top",
      "min": 0,
      "max": 200,
      "step": 4,
      "default": 80,
      "unit": "px"
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "label": "Padding Bottom",
      "min": 0,
      "max": 200,
      "step": 4,
      "default": 80,
      "unit": "px"
    },
    {
      "type": "range",
      "id": "max_width",
      "label": "Max Width",
      "min": 800,
      "max": 1600,
      "step": 10,
      "default": 1310,
      "unit": "px"
    },
    {
      "type": "range",
      "id": "products_per_view",
      "label": "Products Per View (Desktop)",
      "min": 1,
      "max": 5,
      "step": 1,
      "default": 4
    },
    {
      "type": "range",
      "id": "products_per_view_mobile",
      "label": "Products Per View (Mobile)",
      "min": 1,
      "max": 3,
      "step": 0.5,
      "default": 1.5
    },
    {
      "type": "checkbox",
      "id": "autoplay",
      "label": "Enable Autoplay",
      "default": false
    },
    {
      "type": "range",
      "id": "autoplay_speed",
      "label": "Autoplay Speed",
      "min": 2,
      "max": 10,
      "step": 1,
      "default": 5,
      "unit": "s"
    }
  ],
  "blocks": [
    {
      "type": "tab",
      "name": "Tab",
      "settings": [
        {
          "type": "text",
          "id": "label",
          "label": "Tab Label",
          "default": "Hair Dryers"
        },
        {
          "type": "text",
          "id": "view_more_label",
          "label": "View More Label",
          "default": "VIEW MORE >"
        },
        {
          "type": "url",
          "id": "view_more_link",
          "label": "View More Link"
        }
      ]
    },
    {
      "type": "product_card",
      "name": "Product Card",
      "settings": [
        {
          "type": "product",
          "id": "product",
          "label": "Product"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Override Product Image"
        },
        {
          "type": "text",
          "id": "badge",
          "label": "Badge Text",
          "default": "NEW"
        },
        {
          "type": "color",
          "id": "badge_color",
          "label": "Badge Color",
          "default": "#007bff"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Override Title"
        },
        {
          "type": "text",
          "id": "subtitle",
          "label": "Subtitle"
        },
        {
          "type": "text",
          "id": "selling_point_1",
          "label": "Selling Point 1"
        },
        {
          "type": "text",
          "id": "selling_point_2",
          "label": "Selling Point 2"
        },
        {
          "type": "text",
          "id": "selling_point_3",
          "label": "Selling Point 3"
        },
        {
          "type": "color",
          "id": "selling_point_color",
          "label": "Selling Points Color",
          "default": "#888888"
        },
        {
          "type": "text",
          "id": "price",
          "label": "Override Price (numeric, e.g. 169.99)"
        },
        {
          "type": "text",
          "id": "compare_at_price",
          "label": "Compare At Price (numeric)"
        },
        {
          "type": "text",
          "id": "button_label",
          "label": "Button Label",
          "default": "SHOP NOW"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "Override Button Link"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "商品列表",
      "category": "Custom"
    }
  ]
}