Section
Collection Best Sellers
2 个模板实例，30 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Collection Best Sellers",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Best Sellers"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading",
"default": "Most loved by our customers"
},
{
"type": "text",
"id": "dom_id",
"label": "DOM ID (optional)",
"info": "Used for anchor navigation, without #."
},
{
"type": "text",
"id": "aria_label",
"label": "ARIA Label",
"default": "Best sellers"
},
{
"type": "text",
"id": "view_all_label",
"label": "View All Label",
"default": "View All"
},
{
"type": "url",
"id": "view_all_link",
"label": "View All Link",
"info": "Leave blank to hide the View All button."
},
{
"type": "header",
"content": "Layout"
},
{
"type": "range",
"id": "columns_desktop",
"label": "Columns (Desktop)",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "card_gap",
"label": "Card Gap",
"min": 0,
"max": 40,
"step": 2,
"default": 12,
"unit": "px"
},
{
"type": "range",
"id": "card_radius",
"label": "Card Border Radius",
"min": 0,
"max": 30,
"step": 1,
"default": 14,
"unit": "px"
},
{
"type": "range",
"id": "max_width",
"label": "Max Width",
"min": 800,
"max": 1600,
"step": 10,
"default": 1310,
"unit": "px"
},
{
"type": "range",
"id": "padding_top",
"label": "Padding Top",
"min": 0,
"max": 200,
"step": 4,
"default": 32,
"unit": "px"
},
{
"type": "range",
"id": "padding_bottom",
"label": "Padding Bottom",
"min": 0,
"max": 200,
"step": 4,
"default": 32,
"unit": "px"
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "background_color",
"label": "Section Background",
"default": "#f5f6f7"
},
{
"type": "color",
"id": "heading_color",
"label": "Heading Color",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "subheading_color",
"label": "Subheading Color",
"default": "#999999"
},
{
"type": "color",
"id": "view_all_color",
"label": "View All Text Color",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "card_background",
"label": "Card Background",
"default": "#ffffff"
},
{
"type": "color",
"id": "title_color",
"label": "Title Color",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "price_color",
"label": "Price Color",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "pill_background",
"label": "Selling Point Pill Background",
"default": "#f5f5f5"
},
{
"type": "color",
"id": "pill_text_color",
"label": "Selling Point Text Color",
"default": "#555555"
},
{
"type": "color",
"id": "icon_color",
"label": "Selling Point Icon Color",
"default": "#1890ff"
},
{
"type": "color",
"id": "rank_background",
"label": "Rank Badge Background",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "rank_text_color",
"label": "Rank Badge Text Color",
"default": "#ffffff"
},
{
"type": "color",
"id": "arrow_background",
"label": "Arrow Background",
"default": "#f5f5f5"
},
{
"type": "color",
"id": "arrow_icon_color",
"label": "Arrow Icon Color",
"default": "#1a1a1a"
},
{
"type": "color",
"id": "arrow_hover_background",
"label": "Arrow Hover Background",
"default": "#000000"
},
{
"type": "color",
"id": "arrow_hover_icon_color",
"label": "Arrow Hover Icon Color",
"default": "#ffffff"
}
],
"blocks": [
{
"type": "best_seller",
"name": "Best Seller Card",
"settings": [
{
"type": "product",
"id": "product",
"label": "Product"
},
{
"type": "image_picker",
"id": "image",
"label": "Override Image"
},
{
"type": "text",
"id": "rank_badge",
"label": "Rank Badge",
"info": "e.g. #1, HOT. Leave blank to hide.",
"default": "#1"
},
{
"type": "text",
"id": "title",
"label": "Override Title"
},
{
"type": "text",
"id": "price",
"label": "Override Price",
"info": "e.g. $169.99. Leave blank to use product price."
},
{
"type": "url",
"id": "link",
"label": "Override Link"
},
{
"type": "header",
"content": "Selling Point 1"
},
{
"type": "text",
"id": "selling_point_1",
"label": "Text"
},
{
"type": "select",
"id": "selling_point_1_icon",
"label": "Icon",
"default": "wind",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "wind",
"label": "Wind"
},
{
"value": "droplets",
"label": "Droplets"
},
{
"value": "thermometer",
"label": "Thermometer"
},
{
"value": "gauge",
"label": "Gauge / Motor"
},
{
"value": "baby",
"label": "Baby / Child"
},
{
"value": "plane",
"label": "Plane / Travel"
},
{
"value": "trending-up",
"label": "Trending Up / Light"
},
{
"value": "heart",
"label": "Heart"
},
{
"value": "shield",
"label": "Shield"
},
{
"value": "zap",
"label": "Zap / Power"
},
{
"value": "battery",
"label": "Battery"
},
{
"value": "timer",
"label": "Timer"
},
{
"value": "sparkles",
"label": "Sparkles / Smart"
},
{
"value": "leaf",
"label": "Leaf"
},
{
"value": "users",
"label": "Users / Family"
},
{
"value": "waves",
"label": "Waves"
},
{
"value": "volume",
"label": "Volume / Quiet"
},
{
"value": "sun",
"label": "Sun"
},
{
"value": "refresh",
"label": "Refresh"
},
{
"value": "circle-dot",
"label": "Precision"
},
{
"value": "wifi",
"label": "Wifi"
},
{
"value": "smile",
"label": "Smile"
},
{
"value": "eye",
"label": "Eye"
},
{
"value": "scissors",
"label": "Scissors"
},
{
"value": "award",
"label": "Award"
},
{
"value": "app-window",
"label": "App"
},
{
"value": "layers",
"label": "Layers"
}
]
},
{
"type": "header",
"content": "Selling Point 2"
},
{
"type": "text",
"id": "selling_point_2",
"label": "Text"
},
{
"type": "select",
"id": "selling_point_2_icon",
"label": "Icon",
"default": "droplets",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "wind",
"label": "Wind"
},
{
"value": "droplets",
"label": "Droplets"
},
{
"value": "thermometer",
"label": "Thermometer"
},
{
"value": "gauge",
"label": "Gauge / Motor"
},
{
"value": "baby",
"label": "Baby / Child"
},
{
"value": "plane",
"label": "Plane / Travel"
},
{
"value": "trending-up",
"label": "Trending Up / Light"
},
{
"value": "heart",
"label": "Heart"
},
{
"value": "shield",
"label": "Shield"
},
{
"value": "zap",
"label": "Zap / Power"
},
{
"value": "battery",
"label": "Battery"
},
{
"value": "timer",
"label": "Timer"
},
{
"value": "sparkles",
"label": "Sparkles / Smart"
},
{
"value": "leaf",
"label": "Leaf"
},
{
"value": "users",
"label": "Users / Family"
},
{
"value": "waves",
"label": "Waves"
},
{
"value": "volume",
"label": "Volume / Quiet"
},
{
"value": "sun",
"label": "Sun"
},
{
"value": "refresh",
"label": "Refresh"
},
{
"value": "circle-dot",
"label": "Precision"
},
{
"value": "wifi",
"label": "Wifi"
},
{
"value": "smile",
"label": "Smile"
},
{
"value": "eye",
"label": "Eye"
},
{
"value": "scissors",
"label": "Scissors"
},
{
"value": "award",
"label": "Award"
},
{
"value": "app-window",
"label": "App"
},
{
"value": "layers",
"label": "Layers"
}
]
},
{
"type": "header",
"content": "Selling Point 3"
},
{
"type": "text",
"id": "selling_point_3",
"label": "Text"
},
{
"type": "select",
"id": "selling_point_3_icon",
"label": "Icon",
"default": "thermometer",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "wind",
"label": "Wind"
},
{
"value": "droplets",
"label": "Droplets"
},
{
"value": "thermometer",
"label": "Thermometer"
},
{
"value": "gauge",
"label": "Gauge / Motor"
},
{
"value": "baby",
"label": "Baby / Child"
},
{
"value": "plane",
"label": "Plane / Travel"
},
{
"value": "trending-up",
"label": "Trending Up / Light"
},
{
"value": "heart",
"label": "Heart"
},
{
"value": "shield",
"label": "Shield"
},
{
"value": "zap",
"label": "Zap / Power"
},
{
"value": "battery",
"label": "Battery"
},
{
"value": "timer",
"label": "Timer"
},
{
"value": "sparkles",
"label": "Sparkles / Smart"
},
{
"value": "leaf",
"label": "Leaf"
},
{
"value": "users",
"label": "Users / Family"
},
{
"value": "waves",
"label": "Waves"
},
{
"value": "volume",
"label": "Volume / Quiet"
},
{
"value": "sun",
"label": "Sun"
},
{
"value": "refresh",
"label": "Refresh"
},
{
"value": "circle-dot",
"label": "Precision"
},
{
"value": "wifi",
"label": "Wifi"
},
{
"value": "smile",
"label": "Smile"
},
{
"value": "eye",
"label": "Eye"
},
{
"value": "scissors",
"label": "Scissors"
},
{
"value": "award",
"label": "Award"
},
{
"value": "app-window",
"label": "App"
},
{
"value": "layers",
"label": "Layers"
}
]
}
]
}
],
"presets": [
{
"name": "Collection Best Sellers",
"category": "Custom",
"blocks": [
{
"type": "best_seller",
"settings": {
"rank_badge": "#1",
"selling_point_1": "3 Magnetic Nozzles",
"selling_point_1_icon": "wind",
"selling_point_2": "400M Negative Ions",
"selling_point_2_icon": "droplets",
"selling_point_3": "Smart Temp Control",
"selling_point_3_icon": "thermometer"
}
},
{
"type": "best_seller",
"settings": {
"rank_badge": "#2",
"selling_point_1": "Child Mode",
"selling_point_1_icon": "baby",
"selling_point_2": "108K Motor",
"selling_point_2_icon": "gauge",
"selling_point_3": "3 Nozzles",
"selling_point_3_icon": "wind"
}
},
{
"type": "best_seller",
"settings": {
"rank_badge": "#3",
"selling_point_1": "Only 299g",
"selling_point_1_icon": "trending-up",
"selling_point_2": "110K Motor",
"selling_point_2_icon": "gauge",
"selling_point_3": "Travel-Ready",
"selling_point_3_icon": "plane"
}
}
]
}
]
}