Section
Customers Say
1 个模板实例，33 个 section 配置，4 类 block。
真实模板变体
Schema
{
"name": "Customers Say",
"tag": "section",
"class": "what-customers-say-section",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "What Our Customers Say"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading",
"default": "Join thousands of satisfied customers worldwide"
},
{
"type": "header",
"content": "Reviews source"
},
{
"type": "select",
"id": "data_source",
"label": "Data source",
"options": [
{
"value": "manual",
"label": "Manual (blocks below)"
},
{
"value": "loox",
"label": "Loox reviews (auto)"
},
{
"value": "mixed",
"label": "Manual + selected Loox IDs"
}
],
"default": "loox"
},
{
"type": "text",
"id": "loox_store_id",
"label": "Loox publicStoreId",
"info": "From Loox admin > Settings > API Keys. Public & CORS-protected; safe in the theme.",
"default": "VyZ-P-5iZa.38c80ccfb2a777b197a4d4bd9678d85fbbdaa0c43bd686c50ef7409d85aa5982"
},
{
"type": "product_list",
"id": "loox_products",
"label": "Products to show reviews from",
"info": "Leave empty to show store-wide reviews."
},
{
"type": "range",
"id": "loox_limit",
"min": 5,
"max": 100,
"step": 5,
"label": "Reviews to fetch per product",
"default": 20
},
{
"type": "range",
"id": "loox_min_rating",
"min": 1,
"max": 5,
"step": 1,
"label": "Minimum rating to show",
"default": 4
},
{
"type": "select",
"id": "loox_media_filter",
"label": "Content type",
"options": [
{
"value": "all",
"label": "All reviews"
},
{
"value": "media",
"label": "With photo or video"
},
{
"value": "video",
"label": "Video only"
},
{
"value": "photo",
"label": "Photo only"
},
{
"value": "text",
"label": "Text only"
}
],
"default": "media"
},
{
"type": "select",
"id": "loox_sort_mode",
"label": "Auto Loox sort",
"options": [
{
"value": "media_first",
"label": "Videos/photos first"
},
{
"value": "newest",
"label": "Newest first"
},
{
"value": "api",
"label": "Loox API order"
}
],
"default": "media_first"
},
{
"type": "range",
"id": "loox_max_display",
"min": 0,
"max": 48,
"step": 1,
"label": "Max reviews to display",
"info": "0 = no limit. Caps the total number of cards shown.",
"default": 12
},
{
"type": "textarea",
"id": "loox_review_ids",
"label": "Hand-pick reviews by ID (optional)",
"info": "Paste review IDs separated by comma/space/newline. When filled, ONLY these reviews show, in this order. Turn on 'Show review IDs' to find them."
},
{
"type": "checkbox",
"id": "loox_show_ids",
"label": "Show review IDs (for picking)",
"info": "Overlays each card's review ID in the editor. Click a badge to copy it. Turn off when done.",
"default": false
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "background_color",
"label": "Background color",
"default": "#000000"
},
{
"type": "color",
"id": "heading_color",
"label": "Heading color",
"default": "#ffffff"
},
{
"type": "color",
"id": "subheading_color",
"label": "Subheading / time color",
"default": "#bbbbbb"
},
{
"type": "color",
"id": "card_background",
"label": "Review card background",
"default": "#1c1c1c"
},
{
"type": "color",
"id": "text_color",
"label": "Review text color",
"default": "#ffffff"
},
{
"type": "color",
"id": "star_color",
"label": "Star color",
"default": "#f5b50a"
},
{
"type": "color",
"id": "show_more_color",
"label": "Show more text color",
"default": "#ffffff"
},
{
"type": "header",
"content": "Layout"
},
{
"type": "range",
"id": "columns_desktop",
"min": 2,
"max": 4,
"step": 1,
"label": "Columns (desktop)",
"default": 3
},
{
"type": "range",
"id": "card_gap",
"min": 4,
"max": 40,
"step": 2,
"unit": "px",
"label": "Gap between cards",
"default": 16
},
{
"type": "range",
"id": "card_radius",
"min": 0,
"max": 32,
"step": 2,
"unit": "px",
"label": "Card corner radius",
"default": 12
},
{
"type": "range",
"id": "max_width",
"min": 800,
"max": 1600,
"step": 10,
"unit": "px",
"label": "Max width",
"default": 1310
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 200,
"step": 4,
"unit": "px",
"label": "Padding top",
"default": 80
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 200,
"step": 4,
"unit": "px",
"label": "Padding bottom",
"default": 80
},
{
"type": "header",
"content": "Interaction"
},
{
"type": "range",
"id": "loop_seconds",
"min": 1,
"max": 10,
"step": 1,
"unit": "s",
"label": "Hover preview loop length",
"info": "Video plays on hover and loops the first N seconds.",
"default": 3
},
{
"type": "range",
"id": "default_visible_count",
"min": 1,
"max": 24,
"step": 1,
"label": "Cards visible by default",
"default": 6
},
{
"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"
}
],
"blocks": [
{
"type": "video_card",
"name": "Video card",
"settings": [
{
"type": "image_picker",
"id": "poster",
"label": "Poster image",
"info": "Shown before hover. Defines card height."
},
{
"type": "video",
"id": "video",
"label": "Video (Shopify-hosted)",
"info": "Plays muted on hover."
},
{
"type": "url",
"id": "video_link",
"label": "Original video link",
"info": "Opens in a new tab when the card is clicked."
},
{
"type": "text",
"id": "kol_name",
"label": "Label (e.g. @KOL_NAME)",
"default": "@KOL_NAME"
}
]
},
{
"type": "review_card",
"name": "Review card",
"settings": [
{
"type": "image_picker",
"id": "avatar",
"label": "Avatar"
},
{
"type": "text",
"id": "author_name",
"label": "Author name",
"default": "James K."
},
{
"type": "text",
"id": "time_text",
"label": "Time text",
"default": "1 month ago"
},
{
"type": "range",
"id": "rating",
"min": 1,
"max": 5,
"step": 1,
"label": "Star rating",
"default": 5
},
{
"type": "textarea",
"id": "review_text",
"label": "Review text",
"default": "Best electric shaver I have ever used. The blades are super sharp and the battery lasts forever. My morning routine is so much faster now."
},
{
"type": "image_picker",
"id": "review_image",
"label": "Review image (optional)"
}
]
},
{
"type": "image_review_card",
"name": "Image review card",
"settings": [
{
"type": "image_picker",
"id": "avatar",
"label": "Avatar"
},
{
"type": "text",
"id": "author_name",
"label": "Author name",
"default": "James K."
},
{
"type": "text",
"id": "time_text",
"label": "Time text",
"default": "1 month ago"
},
{
"type": "range",
"id": "rating",
"min": 1,
"max": 5,
"step": 1,
"label": "Star rating",
"default": 5
},
{
"type": "textarea",
"id": "review_text",
"label": "Review text",
"default": "Best electric shaver I have ever used. The blades are super sharp and the battery lasts forever."
},
{
"type": "image_picker",
"id": "review_image",
"label": "Review image"
}
]
},
{
"type": "loox_review_slot",
"name": "Loox review slot",
"settings": [
{
"type": "text",
"id": "loox_review_id",
"label": "Loox review ID",
"info": "Use Data source = Manual + selected Loox IDs. Turn on 'Show review IDs' in auto mode first, copy the badge, then paste it here."
}
]
}
],
"presets": [
{
"name": "Customers Say",
"blocks": [
{
"type": "video_card"
},
{
"type": "review_card"
},
{
"type": "image_review_card"
},
{
"type": "video_card"
},
{
"type": "video_card"
},
{
"type": "review_card"
}
]
}
]
}