Section
Collection Products
6 个模板实例，23 个 section 配置，2 类 block。
真实模板变体
collection.basecollection_products_GbQXHY · 4 blocks启用collection.basecollection_products_grid · 10 blocks启用collection.basecollection_products_U9YxEx · 4 blocks启用collection.new-hair-dryer-collectiocollection_products_GbQXHY · 4 blocks启用collection.new-hair-dryer-collectiocollection_products_grid · 10 blocks启用collection.new-hair-dryer-collectiocollection_products_U9YxEx · 4 blocks启用
Schema
{
"name": "Collection Products",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Section Heading",
"default": "Our Products"
},
{
"type": "text",
"id": "dom_id",
"label": "DOM ID (optional)",
"info": "Used for anchor navigation, without #."
},
{
"type": "color",
"id": "heading_color",
"label": "Heading 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": "range",
"id": "columns_desktop",
"label": "Columns (Desktop)",
"min": 2,
"max": 6,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "columns_tablet",
"label": "Columns (Tablet)",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "columns_mobile",
"label": "Columns (Mobile)",
"min": 1,
"max": 3,
"step": 1,
"default": 2
},
{
"type": "range",
"id": "grid_gap",
"label": "Grid Gap (Desktop)",
"min": 0,
"max": 40,
"step": 2,
"default": 20,
"unit": "px"
},
{
"type": "range",
"id": "grid_gap_mobile",
"label": "Grid Gap (Mobile)",
"min": 0,
"max": 30,
"step": 2,
"default": 12,
"unit": "px"
},
{
"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"
}
],
"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": "checkbox",
"id": "show_selling_points",
"label": "Show Selling Points",
"default": true
},
{
"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": "Collection Products",
"category": "Custom"
}
]
}