#16664B<\/code> \u7528\u4e8e\u9009\u4e2d\u72b6\u6001\u548c\u4e3b\u8981\u64cd\u4f5c\u3002<\/li>\n- \u6a59\u8272
#FF591F<\/code> \u7528\u4e8e\u4fc3\u9500\u63d0\u793a\uff0c\u7070\u767d #F7F7F7<\/code> \u7528\u4e8e\u80cc\u666f\u3002<\/li>\n- \u539f\u6848\u54c1\u724c\u9875\u6807\u6ce8 Neue Montreal\u3002\u672c\u6587 Section \u793a\u4f8b\u642d\u914d Newsreader \u548c DM Sans\u3002<\/li>\n<\/ul>\n
![\"\u539f\u6848\u914d\u8272\u9875\uff0c\u4e3b\u7eff](\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/fm-02-palette.jpg\")
\u539f\u6848\u914d\u8272\u9875\uff0c\u4e3b\u7eff #16664B\u3001\u6a59\u8272 #FF591F \u548c\u6d45\u7070\u767d #F7F7F7 \u00b7 Orbix Studio \/ Behance<\/a><\/figcaption><\/figure>\n2. \u5546\u54c1\u5361\u5148\u8ba9\u4eba\u770b\u61c2\uff0c\u518d\u8ba9\u4eba\u539f\u5730\u6539\u6570\u91cf<\/h3>\n
\u539f\u6848\u628a\u756a\u8304\u548c\u9e21\u86cb\u5e76\u6392\u653e\u5728\u624b\u673a\u5217\u8868\u4e0a\u3002\u4e24\u5f20\u5361\u90fd\u663e\u793a\u4f9b\u8d27\u65b9\u4e0e\u6309\u5343\u514b\u8ba1\u7684\u5355\u4f4d\u4ef7\u3002\u756a\u8304\u8fd8\u662f\u52a0\u8d2d\u6309\u94ae\uff0c\u9e21\u86cb\u5df2\u7ecf\u51fa\u73b0\u51cf\u53f7\u3001\u6570\u91cf\u548c\u52a0\u53f7\u3002\u4e70\u5bb6\u80fd\u5728\u540c\u4e00\u5c4f\u6bd4\u8f83\u4e24\u4ef6\u5546\u54c1\uff0c\u4e5f\u80fd\u76f4\u63a5\u628a\u9e21\u86cb\u6539\u6210\u4e24\u4efd\u3002<\/p>\n
\u5546\u54c1\u5361\u4e0a\u5148\u5199\u6e05\u5546\u54c1\u540d\u3001\u5f53\u524d\u89c4\u683c\u3001\u5305\u4ef7\u4e0e\u5355\u4f4d\u4ef7\u3002\u4ee5\u540c\u6b3e\u5496\u5561\u4e3a\u4f8b\uff0c500 \u514b\u552e 29 \u5143\uff0c\u6bcf 100 \u514b\u662f 5.80 \u5143\u3002750 \u514b\u552e 36 \u5143\uff0c\u6bcf 100 \u514b\u662f 4.80 \u5143\u3002\u4e24\u888b\u90fd\u5199\u540c\u4e00\u6bd4\u8f83\u5355\u4f4d\uff0c\u4e70\u5bb6\u5c31\u80fd\u5224\u65ad\u54ea\u888b\u66f4\u9002\u5408\u81ea\u5df1\u3002<\/p>\n
\u9047\u5230\u591a\u89c4\u683c\u5546\u54c1\uff0c\u6570\u91cf\u63a7\u4ef6\u8ddf\u968f\u5f53\u524d\u9009\u4e2d\u7684\u53d8\u4f53\u3002\u5207\u6362\u514b\u91cd\u65f6\u4e00\u8d77\u66f4\u65b0\u5305\u4ef7\u3001\u5355\u4f4d\u4ef7\u548c\u53ef\u552e\u72b6\u6001\uff0c\u907f\u514d\u51fa\u73b0\u5361\u7247\u770b\u7684\u662f\u4e00\u888b\uff0c\u8d2d\u7269\u8f66\u6536\u5230\u7684\u662f\u53e6\u4e00\u888b\u3002<\/p>\n![\"\u624b\u673a\u5546\u54c1\u5217\u8868\u7684\u756a\u8304\u5361\u4ecd\u662f\u52a0\u8d2d\u6309\u94ae\uff0c\u65c1\u8fb9\u9e21\u86cb\u5361\u5df2\u663e\u793a\u6570\u91cf\u6b65\u8fdb\u5668\"](\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/fm-03-stepper.jpg\")
\u624b\u673a\u5546\u54c1\u5217\u8868\u7684\u756a\u8304\u5361\u4ecd\u662f\u52a0\u8d2d\u6309\u94ae\uff0c\u65c1\u8fb9\u9e21\u86cb\u5361\u5df2\u663e\u793a\u6570\u91cf\u6b65\u8fdb\u5668 \u00b7 Orbix Studio \/ Behance<\/a><\/figcaption><\/figure>\n3. \u5148\u6309\u8d27\u67b6\u627e\u8d27\uff0c\u518d\u6309\u8d2d\u7269\u76ee\u7684\u7b5b\u9009<\/h3>\n
\u539f\u6848\u7684\u516d\u5f20\u5206\u7c7b\u5361\u628a\u852c\u83dc\u3001\u6c34\u679c\u3001\u4e73\u86cb\u3001\u70d8\u7119\u3001\u8089\u9c7c\u548c\u996e\u54c1\u653e\u5728\u4e00\u8d77\uff0c\u5361\u7247\u4e0a\u5199\u7740\u5546\u54c1\u6570\u3002\u9996\u9875\u8fd8\u63d0\u4f9b\u5f53\u5b63\u3001\u65b0\u54c1\u3001\u95ea\u8d2d\u3001\u514d\u90ae\u4f1a\u5458\u548c\u9884\u5236\u9910\u5165\u53e3\u3002\u4e24\u7ec4\u5165\u53e3\u5206\u522b\u89e3\u51b3\u300c\u6211\u8981\u627e\u54ea\u7c7b\u4e1c\u897f\u300d\u548c\u300c\u6211\u8fd9\u6b21\u6253\u7b97\u600e\u4e48\u4e70\u300d\u3002<\/p>\n
Shopify \u505a\u6cd5\u53ef\u4ee5\u4ece\u96c6\u5408\u5f00\u59cb\u3002\u5206\u7c7b\u540d\u79f0\u548c\u6570\u91cf\u8ddf\u7740\u5e97\u5185\u5546\u54c1\u66f4\u65b0\uff0c\u6362\u5230\u4e0b\u4e00\u7c7b\u65f6\uff0c\u8d2d\u7269\u7bee\u7ee7\u7eed\u663e\u793a\u5df2\u7ecf\u9009\u8fc7\u7684\u5546\u54c1\u3002\u624b\u673a\u5c4f\u5e55\u8f83\u7a84\u65f6\uff0c\u8ba9\u5206\u7c7b\u6761\u80fd\u6a2a\u5411\u6ed1\u52a8\uff0c\u5e76\u660e\u786e\u5f53\u524d\u9009\u4e2d\u9879\u3002<\/p>\n![\"\u516d\u5f20\u8d27\u67b6\u5206\u7c7b\u5361\u5206\u522b\u6807\u51fa\u852c\u83dc\u3001\u6c34\u679c\u3001\u4e73\u86cb\u3001\u70d8\u7119\u3001\u8089\u9c7c\u548c\u996e\u54c1\u7684\u5546\u54c1\u6570\"](\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/fm-04-aisles.jpg\")
\u516d\u5f20\u8d27\u67b6\u5206\u7c7b\u5361\u5206\u522b\u6807\u51fa\u852c\u83dc\u3001\u6c34\u679c\u3001\u4e73\u86cb\u3001\u70d8\u7119\u3001\u8089\u9c7c\u548c\u996e\u54c1\u7684\u5546\u54c1\u6570 \u00b7 Orbix Studio \/ Behance<\/a><\/figcaption><\/figure>\n4. \u5c65\u7ea6\u6761\u4ef6\u548c\u4ed8\u6b3e\u660e\u7ec6\u5404\u6709\u4f4d\u7f6e<\/h3>\n
\u539f\u6848\u5728\u9e21\u80f8\u8089\u8be6\u60c5\u9875\u5355\u72ec\u7ed9\u51fa\u514b\u91cd\u3001\u73b0\u8d27\u63d0\u793a\u548c\u95e8\u5e97\u81ea\u63d0\u5165\u53e3\u3002\u505a Shopify \u751f\u9c9c\u7ad9\u65f6\uff0c\u53ef\u628a\u5907\u8d27\u3001\u5305\u88c5\u548c\u914d\u9001\u8bf4\u660e\u653e\u5728\u987e\u5ba2\u9700\u8981\u5224\u65ad\u7684\u4f4d\u7f6e\u3002\u95e8\u5e97\u3001\u90ae\u7f16\u6216\u9001\u8fbe\u65f6\u6bb5\u4f1a\u6539\u53d8\u5c65\u7ea6\u6761\u4ef6\u65f6\uff0c\u6309\u987e\u5ba2\u9009\u5b9a\u7684\u5730\u5740\u6216\u95e8\u5e97\u663e\u793a\u3002<\/p>\n
\u539f\u6848\u7684\u8ba2\u5355\u6458\u8981\u628a\u5546\u54c1\u3001\u8282\u7701\u91d1\u989d\u3001\u8fd0\u8d39\u548c\u5408\u8ba1\u5206\u884c\u5c55\u793a\u3002\u5e97\u91cc\u53ef\u4ee5\u7528\u7c7b\u4f3c\u5c42\u7ea7\uff0c\u8ba9\u987e\u5ba2\u5728\u4ed8\u6b3e\u524d\u770b\u6e05\u4f18\u60e0\u662f\u5426\u5df2\u8ba1\u5165\u3001\u8fd0\u8d39\u600e\u6837\u7b97\uff0c\u4ee5\u53ca\u5b9e\u4ed8\u91d1\u989d\u662f\u591a\u5c11\u3002<\/p>\n![\"\u9e21\u80f8\u8089\u8be6\u60c5\u9875\u7684\u89c4\u683c\u9009\u62e9\u3001\u73b0\u8d27\u63d0\u793a\u4e0e\u95e8\u5e97\u81ea\u63d0\u5165\u53e3\"](\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/fm-05-fulfilment.jpg\")
\u9e21\u80f8\u8089\u8be6\u60c5\u9875\u7684\u89c4\u683c\u9009\u62e9\u3001\u73b0\u8d27\u63d0\u793a\u4e0e\u95e8\u5e97\u81ea\u63d0\u5165\u53e3 \u00b7 Orbix Studio \/ Behance<\/a><\/figcaption><\/figure>\n![\"\u539f\u6848\u8ba2\u5355\u6458\u8981\u5c40\u90e8\uff0c\u5546\u54c1\u3001\u8282\u7701\u91d1\u989d\u3001\u8fd0\u8d39\u548c\u5408\u8ba1\u5206\u884c\u6392\u5217\"](\"https:\/\/www.weswoo.com\/wp-content\/uploads\/2026\/11\/fm-06-summary.jpg\")
\u539f\u6848\u8ba2\u5355\u6458\u8981\u5c40\u90e8\uff0c\u5546\u54c1\u3001\u8282\u7701\u91d1\u989d\u3001\u8fd0\u8d39\u548c\u5408\u8ba1\u5206\u884c\u6392\u5217 \u00b7 Orbix Studio \/ Behance<\/a><\/figcaption><\/figure>\n\u4e8c\u3001\u5728 Shopify \u91cc\u63a5\u5165\u5355\u4f4d\u8ba1\u4ef7\u548c\u51d1\u5355<\/h2>\n
\u5728 Shopify \u540e\u53f0\u8fdb\u5165\u300c\u5546\u54c1 \u2192 \u5546\u54c1\u6216\u53d8\u4f53 \u2192 \u5b9a\u4ef7 \u2192 \u5355\u4f4d\u4ef7\u683c\u300d\uff0c\u586b\u603b\u51c0\u542b\u91cf\u548c\u57fa\u51c6\u8ba1\u4ef7\u5355\u4f4d\u3002\u4e3b\u9898\u7684\u5217\u8868\u5361\u62ff\u5230\u5f53\u524d\u9009\u4e2d\u7684\u53d8\u4f53\u540e\uff0c\u53ef\u4ee5\u7528 unit_price_with_measurement<\/code> \u8f93\u51fa\u5355\u4f4d\u4ef7\u3002<\/p>\n\u51c0\u542b\u91cf\u6765\u81ea\u8ba1\u4ef7\u914d\u7f6e\u6216\u660e\u786e\u7684\u89c4\u683c\u5b57\u6bb5\u3002\u5c55\u793a\u73b0\u8d27\u4f59\u91cf\u65f6\uff0c\u5148\u6838\u5bf9\u5e93\u5b58\u662f\u5426\u542f\u7528\u8ffd\u8e2a\uff0c\u518d\u786e\u8ba4\u987e\u5ba2\u9009\u62e9\u7684\u95e8\u5e97\u6216\u914d\u9001\u8303\u56f4\u3002variant.available<\/code> \u9002\u5408\u63a7\u5236\u662f\u5426\u53ef\u52a0\u8d2d\u3002\u5e97\u5185\u5141\u8bb8\u7f3a\u8d27\u7ee7\u7eed\u9500\u552e\u65f6\uff0c\u9875\u9762\u8fd8\u5e94\u8bf4\u660e\u9884\u8ba1\u5c65\u7ea6\u65f6\u95f4\u3002<\/p>\n\n\n\n\n\u9875\u9762\u4fe1\u606f<\/th>\n Shopify \u4e2d\u5bf9\u5e94\u7684\u6765\u6e90<\/th>\n \u663e\u793a\u65f6\u6838\u5bf9<\/th>\n<\/tr>\n<\/thead>\n \n\n\u4ea7\u5730\u6216\u4f9b\u5e94\u5546<\/td>\n product.vendor<\/code> \u6216\u5e97\u5185\u5355\u72ec\u7ef4\u62a4\u7684\u4ea7\u5730\u5b57\u6bb5<\/td>\n\u4f9b\u5e94\u5546\u4e0e\u4ea7\u5730\u6309\u4e1a\u52a1\u542b\u4e49\u5206\u522b\u7ba1\u7406<\/td>\n<\/tr>\n \n\u89c4\u683c\u4e0e\u51c0\u542b\u91cf<\/td>\n \u53d8\u4f53\u9009\u9879\u6216\u5355\u4f4d\u8ba1\u4ef7\u91cc\u7684\u603b\u51c0\u542b\u91cf<\/td>\n \u5305\u4ef7\u4e0e\u51c0\u542b\u91cf\u6765\u81ea\u540c\u4e00\u4e2a\u53d8\u4f53<\/td>\n<\/tr>\n \n\u6bcf 100 \u514b\u3001\u6bcf\u5343\u514b\u6216\u6bcf\u5347\u7684\u4ef7\u683c<\/td>\n variant.unit_price<\/code> \u548c variant.unit_price_measurement<\/code><\/td>\n\u540c\u7c7b\u5546\u54c1\u7528\u540c\u4e00\u4e2a\u57fa\u51c6\u91cf\u6bd4\u8f83<\/td>\n<\/tr>\n \n\u53ef\u8d2d\u4e70\u72b6\u6001<\/td>\n variant.available<\/code><\/td>\n\u53d8\u4f53\u53ef\u552e\u8fd8\u53d7\u5e93\u5b58\u7b56\u7565\u5f71\u54cd<\/td>\n<\/tr>\n \n\u5df2\u5e94\u7528\u6298\u6263\u4e0e\u5e94\u4ed8\u91d1\u989d<\/td>\n Shopify \u8d2d\u7269\u8f66\u53ca\u7ed3\u8d26\u56de\u6267<\/td>\n \u533a\u5206\u5212\u7ebf\u4ef7\u5dee\u3001\u8d2d\u7269\u8f66\u6298\u6263\u4e0e\u8fd0\u8d39<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n{%- assign variant = product.selected_or_first_available_variant -%}\n{%- if variant.unit_price_measurement -%}\n <span class="fm-unit-price">\n {{ variant.unit_price | unit_price_with_measurement: variant.unit_price_measurement }}\n <\/span>\n{%- endif -%}\n<\/code><\/pre>\n\u6570\u91cf\u9009\u62e9\u548c\u5b9e\u9645\u52a0\u8d2d\u7684\u4ea4\u754c<\/h3>\n
\u5217\u8868\u9875\u7684\u6570\u91cf\u5148\u8fdb\u5165\u672c\u6b21\u5f85\u9009\u6e05\u5355\u3002\u987e\u5ba2\u70b9\u6c47\u603b\u6309\u94ae\u65f6\uff0c\u6309\u6709\u6548\u53d8\u4f53 ID \u548c\u6570\u91cf\u751f\u6210 items<\/code>\uff0c\u7528\u5f53\u524d\u8bed\u8a00\u8def\u5f84\u7684 cart\/add.js<\/code> \u4e00\u6b21\u63d0\u4ea4\u3002\u6309\u94ae\u5728\u8bf7\u6c42\u671f\u95f4\u4fdd\u6301\u7981\u7528\uff0c\u907f\u514d\u591a\u70b9\u51e0\u6b21\u628a\u540c\u4e00\u6279\u5546\u54c1\u52a0\u8fdb\u53bb\u3002<\/p>\n\u5e93\u5b58\u4e0d\u8db3\u65f6\uff0cShopify \u53ef\u80fd\u5148\u52a0\u5165\u53ef\u7528\u6570\u91cf\uff0c\u518d\u8fd4\u56de 422\u3002\u6536\u5230\u9519\u8bef\u540e\u8bfb\u53d6 cart.js<\/code>\uff0c\u5bf9\u7167\u5f85\u9009\u6570\u91cf\u548c\u5f53\u524d\u8d2d\u7269\u8f66\uff0c\u63d0\u793a\u4e70\u5bb6\u9700\u8981\u8c03\u6574\u54ea\u4ef6\u5546\u54c1\u3002\u7528\u6237\u5df2\u6709\u540c\u6b3e\u65f6\uff0c\u6838\u5bf9\u5b9e\u9645\u8d2d\u7269\u8f66\u884c\u3002\u8c03\u6574\u5df2\u5b58\u5728\u884c\u53ef\u6309\u884c\u952e\u7528 cart\/change.js<\/code>\u3002<\/p>\n\u6298\u6263\u548c\u514d\u90ae\u4ee5\u5e97\u94fa\u89c4\u5219\u3001\u914d\u9001\u5730\u5740\u548c\u7ed3\u8d26\u56de\u6267\u4e3a\u51c6\u3002\u5e95\u90e8\u53ef\u4ee5\u663e\u793a\u6682\u4f30\u91d1\u989d\uff0c\u5b9e\u9645\u8d2d\u7269\u8f66\u56de\u6267\u56de\u6765\u540e\u518d\u5237\u65b0\u5bf9\u5e94\u7684\u603b\u4ef7\u548c\u4f18\u60e0\u3002<\/p>\n
async function addSelection(items) {\n const root = window.Shopify.routes.root;\n let message = '';\n\n try {\n const response = await fetch(root + 'cart\/add.js', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ items })\n });\n if (!response.ok) {\n const error = await response.json().catch(() => null);\n message = error?.description || '\u6709\u5546\u54c1\u672a\u6309\u6240\u9009\u6570\u91cf\u52a0\u5165\u3002';\n }\n } catch {\n message = '\u672a\u6536\u5230\u52a0\u8d2d\u786e\u8ba4\uff0c\u8bf7\u67e5\u770b\u5f53\u524d\u8d2d\u7269\u8f66\u3002';\n }\n\n const currentCart = await fetch(root + 'cart.js');\n if (!currentCart.ok) throw new Error('\u6682\u65f6\u65e0\u6cd5\u8bfb\u53d6\u8d2d\u7269\u8f66');\n return { cart: await currentCart.json(), message };\n}\n<\/code><\/pre>\n\u539f\u7a3f\u4e2d\u7684\u5b8c\u6574 Shopify Section<\/h3>\n
\u4e0b\u9762\u4fdd\u7559\u539f\u7a3f\u7684\u5b8c\u6574 Section\uff0c\u7528\u6765\u67e5\u770b\u5361\u7247\u3001\u5206\u7c7b\u548c\u8d2d\u7269\u7bee\u7684\u4ea4\u4e92\u7ed3\u6784\u3002\u793a\u4f8b\u4e2d\u7684\u4ef7\u683c\u3001\u5e93\u5b58\u8bf4\u660e\u4e0e\u514d\u90ae\u9608\u503c\u6765\u81ea\u624b\u586b\u8bbe\u7f6e\u3002\u6b63\u5f0f\u5e97\u94fa\u5e94\u63a5\u5165\u9009\u4e2d\u53d8\u4f53\u53ca\u5b9e\u9645\u914d\u9001\u89c4\u5219\u3002\u539f\u793a\u4f8b\u7684\u8bf7\u6c42\u5b8c\u6210\u540e\u4f1a\u76f4\u63a5\u8df3\u7ed3\u8d26\u9875\uff0c\u63a5\u5165\u65f6\u6309\u524d\u9762\u7684\u56de\u6267\u5904\u7406\u52a0\u8d2d\u6210\u529f\u3001\u7f3a\u8d27\u548c\u8fde\u63a5\u4e2d\u65ad\u3002<\/p>\n\n\u5c55\u5f00\u5b8c\u6574\u4ee3\u7801 \u00b7 803 \u884c<\/summary>\n{%- comment -%}\n \u6587\u4ef6\uff1asections\/freshmart-aisle-quickshop.liquid\n \u8bbe\u8ba1\u53c2\u8003\uff1aFreshmart Grocery Shopping | Orbix Studio | Web app\n \u529f\u80fd\uff1a\u9ad8\u9891\u5feb\u6d88\/\u98df\u54c1\u751f\u9c9c\u5feb\u901f\u51d1\u5355\u8d27\u67b6\uff0c\u542b\u5e26\u8ba1\u6570\u7684\u5206\u7c7b\u80f6\u56ca\u3001\u5355\u4f4d\u8ba1\u4ef7\u5916\u9732\u3001\u539f\u5730\u53d8\u5f62\u6b65\u8fdb\u5668(- 1 +)\u4e0e\u5b9e\u65f6\u51d1\u5355\u7701\u94b1\u6761\n{%- endcomment -%}\n\n<link rel="preconnect" href="https:\/\/fonts.googleapis.com">\n<link rel="preconnect" href="https:\/\/fonts.gstatic.com" crossorigin>\n<link href="https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,500;0,6..72,600;1,6..72,500&display=swap" rel="stylesheet">\n\n<style>\n .fm-sec-{{ section.id }} {\n --fm-green: #16664B;\n --fm-forest: #1E2B23;\n --fm-orange: #FF591F;\n --fm-lime: #B4EE76;\n --fm-bg-lynx: #F7F7F7;\n --fm-bg-cream: #F3F2EC;\n --fm-ink: #000000;\n --fm-bauhaus: #404040;\n --fm-border: #E5E5E0;\n --fm-font-serif: 'Newsreader', Georgia, serif;\n --fm-font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n\n background-color: #FFFFFF;\n color: var(--fm-ink);\n font-family: var(--fm-font-sans);\n padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px;\n }\n\n \/* \u539f\u6848 1400px \u6700\u5927\u7f51\u683c\u5bbd\u5ea6 *\/\n .fm-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n \/* \u9876\u90e8\u6a2a\u5e45\u4e0e\u6807\u9898\u533a *\/\n .fm-top-banner {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-end;\n gap: 20px;\n margin-bottom: 32px;\n }\n .fm-promo-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background-color: var(--fm-lime);\n color: var(--fm-forest);\n font-size: 0.75rem;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 999px;\n margin-bottom: 12px;\n }\n .fm-promo-tag span {\n background-color: var(--fm-orange);\n color: #FFFFFF;\n padding: 2px 8px;\n border-radius: 999px;\n font-size: 0.6875rem;\n }\n .fm-heading {\n font-family: var(--fm-font-serif);\n font-size: clamp(2rem, 3.8vw, 3.25rem);\n font-weight: 500;\n line-height: 1.1;\n margin: 0;\n color: var(--fm-ink);\n }\n .fm-heading em {\n font-style: italic;\n color: var(--fm-green);\n }\n .fm-trust-pills {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .fm-trust-pill {\n background-color: var(--fm-bg-cream);\n color: var(--fm-bauhaus);\n font-size: 0.8125rem;\n font-weight: 600;\n padding: 8px 14px;\n border-radius: 999px;\n }\n\n \/* \u5e26\u5546\u54c1\u6570\u7684\u8d27\u67b6\u5206\u7c7b\u80f6\u56ca\u680f *\/\n .fm-aisle-bar {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n padding-bottom: 12px;\n margin-bottom: 32px;\n }\n .fm-aisle-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background-color: var(--fm-bg-lynx);\n color: var(--fm-ink);\n border: 1.5px solid transparent;\n padding: 12px 18px;\n border-radius: 16px;\n font-family: var(--fm-font-sans);\n font-size: 0.9375rem;\n font-weight: 600;\n white-space: nowrap;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .fm-aisle-btn:hover {\n border-color: var(--fm-green);\n }\n .fm-aisle-btn.is-active {\n background-color: var(--fm-green);\n color: #FFFFFF;\n }\n .fm-aisle-count {\n font-size: 0.75rem;\n font-weight: 700;\n padding: 2px 8px;\n border-radius: 999px;\n background-color: #FFFFFF;\n color: var(--fm-green);\n }\n .fm-aisle-btn.is-active .fm-aisle-count {\n background-color: var(--fm-lime);\n color: var(--fm-forest);\n }\n\n \/* 12 \u5217\u5546\u54c1\u8d27\u67b6\u7f51\u683c\uff08\u684c\u9762 4 \u5217\uff0c\u5e73\u677f 2 \u5217\uff0c\u624b\u673a 2 \u5217\u7d27\u51d1\u6a21\u5f0f\uff09 *\/\n .fm-product-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n @media screen and (max-width: 1024px) {\n .fm-product-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n @media screen and (max-width: 768px) {\n .fm-product-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n }\n\n \/* \u5355\u5f20\u751f\u9c9c\/\u5feb\u6d88\u5546\u54c1\u5361 *\/\n .fm-card {\n background-color: var(--fm-bg-lynx);\n border: 1px solid var(--fm-border);\n border-radius: 20px;\n padding: 16px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n .fm-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 24px rgba(22, 102, 75, 0.08);\n }\n .fm-card[hidden] {\n display: none !important;\n }\n\n \/* \u5361\u7247\u9876\u90e8\uff1a\u6298\u6263\u6a59\u8272\u6807\u7b7e + \u73b0\u8d27\u5e93\u5b58\u4f59\u91cf *\/\n .fm-card-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n }\n .fm-sale-badge {\n background-color: var(--fm-orange);\n color: #FFFFFF;\n font-size: 0.6875rem;\n font-weight: 700;\n padding: 3px 9px;\n border-radius: 999px;\n }\n .fm-stock-badge {\n font-size: 0.6875rem;\n font-weight: 600;\n color: var(--fm-green);\n background: rgba(22, 102, 75, 0.1);\n padding: 3px 9px;\n border-radius: 999px;\n margin-left: auto;\n }\n\n .fm-img-box {\n aspect-ratio: 4 \/ 3;\n background-color: #FFFFFF;\n border-radius: 14px;\n overflow: hidden;\n margin-bottom: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .fm-img-box img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 10px;\n box-sizing: border-box;\n }\n\n .fm-vendor {\n font-size: 0.75rem;\n color: var(--fm-bauhaus);\n margin: 0 0 4px;\n }\n .fm-item-title {\n font-size: 1.0625rem;\n font-weight: 700;\n margin: 0 0 4px;\n color: var(--fm-ink);\n }\n .fm-unit-spec {\n font-size: 0.8125rem;\n font-weight: 600;\n color: var(--fm-green);\n margin: 0 0 14px;\n }\n\n \/* \u5e95\u90e8\u4ef7\u683c\u4e0e\u539f\u5730\u53d8\u5f62\u52a0\u8d2d\u6b65\u8fdb\u5668 *\/\n .fm-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n padding-top: 12px;\n border-top: 1px solid var(--fm-border);\n }\n .fm-price-group {\n display: flex;\n flex-direction: column;\n }\n .fm-price-current {\n font-size: 1.125rem;\n font-weight: 700;\n color: var(--fm-ink);\n }\n .fm-price-compare {\n font-size: 0.75rem;\n color: #888888;\n text-decoration: line-through;\n }\n\n \/* \u72b6\u6001 A\uff1a\u672a\u52a0\u8d2d\u65f6\u7684\u63cf\u8fb9\u80f6\u56ca\u6309\u94ae (+ Add to Cart) *\/\n .fm-add-btn {\n background-color: #FFFFFF;\n color: var(--fm-green);\n border: 1.5px solid var(--fm-green);\n padding: 8px 14px;\n border-radius: 999px;\n font-size: 0.8125rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .fm-add-btn:hover {\n background-color: var(--fm-green);\n color: #FFFFFF;\n }\n\n \/* \u72b6\u6001 B\uff1a\u52a0\u8d2d\u540e\u539f\u5730\u53d8\u5f62\u4e3a\u6df1\u7eff\u692d\u5706\u6b65\u8fdb\u5668 (- 1 +) *\/\n .fm-stepper {\n display: none;\n align-items: center;\n background-color: var(--fm-green);\n color: #FFFFFF;\n border-radius: 999px;\n padding: 4px 6px;\n gap: 10px;\n }\n .fm-card.in-basket .fm-add-btn {\n display: none;\n }\n .fm-card.in-basket .fm-stepper {\n display: inline-flex;\n }\n .fm-step-btn {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n border: none;\n background: rgba(255, 255, 255, 0.18);\n color: #FFFFFF;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n .fm-step-btn:hover {\n background: var(--fm-lime);\n color: var(--fm-forest);\n }\n .fm-step-qty {\n font-size: 0.875rem;\n font-weight: 700;\n min-width: 18px;\n text-align: center;\n }\n\n \/* \u5e95\u90e8\u5b9e\u65f6\u51d1\u5355\u4e0e\u7701\u94b1\u7ed3\u7b97\u680f\uff08Basket full. Worry zero.\uff09 *\/\n .fm-basket-bar {\n margin-top: 32px;\n background-color: var(--fm-forest);\n color: #FFFFFF;\n border-radius: 20px;\n padding: 20px 28px;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 20px;\n }\n .fm-saving-pill {\n display: inline-block;\n background-color: var(--fm-orange);\n color: #FFFFFF;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-left: 8px;\n }\n .fm-checkout-btn {\n background-color: var(--fm-lime);\n color: var(--fm-forest);\n border: none;\n padding: 14px 28px;\n border-radius: 999px;\n font-size: 0.9375rem;\n font-weight: 700;\n cursor: pointer;\n transition: transform 0.2s ease;\n }\n .fm-checkout-btn:hover {\n transform: translateY(-1px);\n }\n<\/style>\n\n<section class="fm-sec-{{ section.id }}" data-section-id="{{ section.id }}">\n <div class="fm-container">\n <div class="fm-top-banner">\n <div>\n <div class="fm-promo-tag">\n <span>-10% FRESH DEALS<\/span>\n {{ section.settings.promo_text }}\n <\/div>\n <h2 class="fm-heading">\n {{ section.settings.heading_main }} <em>{{ section.settings.heading_italic }}<\/em>\n <\/h2>\n <\/div>\n <div class="fm-trust-pills">\n <span class="fm-trust-pill">\u26a1 Express Delivery < 60 Mins<\/span>\n <span class="fm-trust-pill">\ud83c\udf31 01 Harvest \u2192 04 Doorstep<\/span>\n <span class="fm-trust-pill">\ud83d\ude9a Free Delivery Over ${{ section.settings.free_shipping_threshold }}<\/span>\n <\/div>\n <\/div>\n\n {%- comment -%} \u5e26\u5546\u54c1\u8ba1\u6570\u7684\u516d\u5927\u8d27\u67b6\u80f6\u56ca\u5bfc\u822a {%- endcomment -%}\n <div class="fm-aisle-bar" role="tablist" aria-label="\u751f\u9c9c\u8d27\u67b6\u5206\u7c7b">\n <button type="button" class="fm-aisle-btn is-active" data-aisle="all">\n <span>All Fresh Picks<\/span>\n <span class="fm-aisle-count">{{ section.blocks.size }}<\/span>\n <\/button>\n <button type="button" class="fm-aisle-btn" data-aisle="vegetables">\n <span>\ud83e\udd6c Fresh Vegetables<\/span>\n <\/button>\n <button type="button" class="fm-aisle-btn" data-aisle="fruits">\n <span>\ud83c\udf53 Seasonal Fruits<\/span>\n <\/button>\n <button type="button" class="fm-aisle-btn" data-aisle="dairy">\n <span>\ud83e\udd5b Dairy & Eggs<\/span>\n <\/button>\n <button type="button" class="fm-aisle-btn" data-aisle="bakery">\n <span>\ud83e\udd50 Bakery & Pantry<\/span>\n <\/button>\n <\/div>\n\n <div class="fm-product-grid">\n {%- for block in section.blocks -%}\n {%- assign product = block.settings.product -%}\n {%- assign variant = product.selected_or_first_available_variant -%}\n <article\n class="fm-card {% if block.settings.default_qty > 0 %}in-basket{% endif %}"\n data-aisle-cat="{{ block.settings.aisle_category }}"\n data-variant-id="{{ variant.id }}"\n data-price="{{ block.settings.price_sale }}"\n data-compare="{{ block.settings.price_compare }}"\n data-qty="{{ block.settings.default_qty }}"\n {{ block.shopify_attributes }}\n >\n <div>\n <div class="fm-card-top">\n {%- if block.settings.sale_badge != blank -%}\n <span class="fm-sale-badge">{{ block.settings.sale_badge }}<\/span>\n {%- endif -%}\n <span class="fm-stock-badge">{{ block.settings.stock_label }}<\/span>\n <\/div>\n\n <div class="fm-img-box">\n {%- if block.settings.custom_image != blank -%}\n <img\n src="{{ block.settings.custom_image | image_url: width: 600 }}"\n alt="{{ block.settings.item_title | escape }}"\n width="600"\n height="450"\n loading="lazy"\n >\n {%- elsif product != blank and product.featured_image != blank -%}\n <img\n src="{{ product.featured_image | image_url: width: 600 }}"\n alt="{{ product.title | escape }}"\n width="600"\n height="450"\n loading="lazy"\n >\n {%- else -%}\n <span style="font-size:2.5rem;">{{ block.settings.emoji_placeholder }}<\/span>\n {%- endif -%}\n <\/div>\n\n <p class="fm-vendor">{{ block.settings.vendor_name }}<\/p>\n <h3 class="fm-item-title">{{ block.settings.item_title | default: product.title }}<\/h3>\n <p class="fm-unit-spec">{{ block.settings.unit_price_label }}<\/p>\n <\/div>\n\n <div class="fm-card-footer">\n <div class="fm-price-group">\n <span class="fm-price-current">${{ block.settings.price_sale }}<\/span>\n {%- if block.settings.price_compare != blank -%}\n <span class="fm-price-compare">${{ block.settings.price_compare }}<\/span>\n {%- endif -%}\n <\/div>\n\n <button type="button" class="fm-add-btn js-fm-add">+ Add to Cart<\/button>\n\n <div class="fm-stepper">\n <button type="button" class="fm-step-btn js-fm-minus" aria-label="\u51cf\u5c11\u6570\u91cf">\u2212<\/button>\n <span class="fm-step-qty js-fm-qty">{{ block.settings.default_qty }}<\/span>\n <button type="button" class="fm-step-btn js-fm-plus" aria-label="\u589e\u52a0\u6570\u91cf">+<\/button>\n <\/div>\n <\/div>\n <\/article>\n {%- endfor -%}\n <\/div>\n\n {%- comment -%} \u5e95\u90e8\u5b9e\u65f6\u51d1\u5355\u4e0e\u4f18\u60e0\u6c47\u603b\u680f {%- endcomment -%}\n <div class="fm-basket-bar">\n <div>\n <div style="font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--fm-lime);margin-bottom:4px;">\n BASKET FULL \u00b7 WORRY ZERO\n <\/div>\n <div style="font-size:1.125rem;font-weight:700;">\n <span id="FmBasketTotal-{{ section.id }}">\u5df2\u9009 0 \u4ef6 \u00b7 \u5408\u8ba1 $0.00<\/span>\n <span class="fm-saving-pill" id="FmSavingBadge-{{ section.id }}">Your saving: -$0.00<\/span>\n <\/div>\n <div style="font-size:0.8125rem;opacity:0.82;margin-top:4px;" id="FmFreeShipNote-{{ section.id }}"><\/div>\n <\/div>\n\n <button\n type="button"\n class="fm-checkout-btn"\n id="FmSyncCartBtn-{{ section.id }}"\n data-threshold="{{ section.settings.free_shipping_threshold }}"\n >\n Proceed to Fast Checkout \u2192\n <\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n (function() {\n var sec = document.querySelector('.fm-sec-{{ section.id }}');\n if (!sec) return;\n\n var aisleBtns = sec.querySelectorAll('[data-aisle]');\n var cards = sec.querySelectorAll('.fm-card');\n var totalEl = sec.querySelector('#FmBasketTotal-{{ section.id }}');\n var savingEl = sec.querySelector('#FmSavingBadge-{{ section.id }}');\n var shipNoteEl = sec.querySelector('#FmFreeShipNote-{{ section.id }}');\n var syncBtn = sec.querySelector('#FmSyncCartBtn-{{ section.id }}');\n var freeThreshold = parseFloat(syncBtn.getAttribute('data-threshold') || '50');\n\n \/* \u8d27\u67b6\u5206\u7c7b\u7b5b\u9009 *\/\n aisleBtns.forEach(function(btn) {\n btn.addEventListener('click', function() {\n var cat = btn.getAttribute('data-aisle');\n aisleBtns.forEach(function(b) { b.classList.toggle('is-active', b === btn); });\n cards.forEach(function(c) {\n if (cat === 'all' || c.getAttribute('data-aisle-cat') === cat) {\n c.removeAttribute('hidden');\n } else {\n c.setAttribute('hidden', 'hidden');\n }\n });\n });\n });\n\n \/* \u91cd\u65b0\u8ba1\u7b97\u8d2d\u7269\u7bee\u603b\u4ef7\u3001\u5df2\u7701\u91d1\u989d\uff08Your saving\uff09\u4e0e\u514d\u90ae\u5dee\u989d *\/\n function recalcBasket() {\n var itemCount = 0;\n var subtotal = 0;\n var saved = 0;\n\n cards.forEach(function(card) {\n var qty = parseInt(card.getAttribute('data-qty') || '0', 10);\n var price = parseFloat(card.getAttribute('data-price') || '0');\n var compare = parseFloat(card.getAttribute('data-compare') || '0');\n if (qty > 0) {\n itemCount += qty;\n subtotal += price * qty;\n if (compare > price) {\n saved += (compare - price) * qty;\n }\n }\n });\n\n totalEl.textContent = '\u5df2\u9009 ' + itemCount + ' \u4ef6\u5546\u54c1 \u00b7 Subtotal: $' + subtotal.toFixed(2);\n savingEl.textContent = 'Your saving: -$' + saved.toFixed(2);\n\n if (subtotal >= freeThreshold) {\n shipNoteEl.textContent = '\ud83c\udf89 \u5df2\u6ee1 $' + freeThreshold.toFixed(0) + '\uff0c\u672c\u5355\u4eab\u514d\u8d39\u6781\u901f\u914d\u9001\uff08Free Express Delivery Unlocked\uff09\uff01';\n } else {\n var diff = (freeThreshold - subtotal).toFixed(2);\n shipNoteEl.textContent = '\u518d\u51d1 $' + diff + ' \u5373\u53ef\u89e3\u9501\u6ee1 $' + freeThreshold.toFixed(0) + ' \u514d\u8fd0\u8d39';\n }\n }\n\n \/* \u7ed1\u5b9a\u6bcf\u5f20\u5361\u7247\u7684\u539f\u5730\u53d8\u5f62\u6b65\u8fdb\u5668 (+ Add to Cart <-> - 1 +) *\/\n cards.forEach(function(card) {\n var addBtn = card.querySelector('.js-fm-add');\n var minusBtn = card.querySelector('.js-fm-minus');\n var plusBtn = card.querySelector('.js-fm-plus');\n var qtySpan = card.querySelector('.js-fm-qty');\n\n function setQty(newQty) {\n var q = Math.max(0, newQty);\n card.setAttribute('data-qty', String(q));\n qtySpan.textContent = String(q);\n card.classList.toggle('in-basket', q > 0);\n recalcBasket();\n }\n\n addBtn.addEventListener('click', function() { setQty(1); });\n plusBtn.addEventListener('click', function() {\n var cur = parseInt(card.getAttribute('data-qty') || '0', 10);\n setQty(cur + 1);\n });\n minusBtn.addEventListener('click', function() {\n var cur = parseInt(card.getAttribute('data-qty') || '0', 10);\n setQty(cur - 1);\n });\n });\n\n recalcBasket();\n\n \/* \u6279\u91cf\u5199\u5165 Shopify \u539f\u751f\u8d2d\u7269\u8f66 *\/\n syncBtn.addEventListener('click', function() {\n var items = [];\n cards.forEach(function(card) {\n var qty = parseInt(card.getAttribute('data-qty') || '0', 10);\n var variantId = card.getAttribute('data-variant-id');\n if (qty > 0 && variantId) {\n items.push({ id: Number(variantId), quantity: qty });\n }\n });\n if (items.length === 0) {\n window.location.href = '\/cart';\n return;\n }\n fetch(window.Shopify.routes.root + 'cart\/add.js', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({ items: items })\n }).then(function() {\n window.location.href = '\/checkout';\n });\n });\n })();\n<\/script>\n\n{% schema %}\n{\n "name": "Freshmart \u5feb\u6d88\u6b65\u8fdb\u51d1\u5355\u8d27\u67b6",\n "tag": "section",\n "settings": [\n {\n "type": "text",\n "id": "promo_text",\n "label": "\u9876\u90e8\u4fc3\u9500\u6761\u6587\u5b57",\n "default": "Get our best picks every Thursday \u00b7 New Here? Enjoy 10% OFF Your First Order"\n },\n {\n "type": "text",\n "id": "heading_main",\n "label": "\u4e3b\u6807\u9898\u524d\u6bb5",\n "default": "Everything Fresh,"\n },\n {\n "type": "text",\n "id": "heading_italic",\n "label": "\u4e3b\u6807\u9898\u659c\u4f53\u90e8\u5206",\n "default": "All in One Place."\n },\n {\n "type": "number",\n "id": "free_shipping_threshold",\n "label": "\u514d\u8fd0\u8d39\u95e8\u69db\u91d1\u989d ($)",\n "default": 50\n },\n {\n "type": "range",\n "id": "padding_top",\n "min": 24,\n "max": 120,\n "step": 4,\n "unit": "px",\n "label": "\u9876\u90e8\u5185\u8fb9\u8ddd",\n "default": 56\n },\n {\n "type": "range",\n "id": "padding_bottom",\n "min": 24,\n "max": 120,\n "step": 4,\n "unit": "px",\n "label": "\u5e95\u90e8\u5185\u8fb9\u8ddd",\n "default": 56\n }\n ],\n "blocks": [\n {\n "type": "grocery_item",\n "name": "\u5feb\u6d88\/\u751f\u9c9c\u5355\u54c1\u5361",\n "settings": [\n {\n "type": "product",\n "id": "product",\n "label": "\u5173\u8054 Shopify \u5546\u54c1"\n },\n {\n "type": "select",\n "id": "aisle_category",\n "label": "\u6240\u5c5e\u8d27\u67b6\u5206\u7c7b",\n "options": [\n { "value": "vegetables", "label": "Fresh Vegetables\uff08\u9c9c\u852c\uff09" },\n { "value": "fruits", "label": "Seasonal Fruits\uff08\u6c34\u679c\uff09" },\n { "value": "dairy", "label": "Dairy & Eggs\uff08\u4e73\u54c1\u86cb\u7c7b\uff09" },\n { "value": "bakery", "label": "Bakery & Pantry\uff08\u70d8\u7119\u7cae\u6cb9\uff09" }\n ],\n "default": "vegetables"\n },\n {\n "type": "image_picker",\n "id": "custom_image",\n "label": "\u81ea\u5b9a\u4e49\u5546\u54c1\u53bb\u5e95\u56fe"\n },\n {\n "type": "text",\n "id": "emoji_placeholder",\n "label": "\u672a\u4f20\u56fe\u65f6\u7684\u5360\u4f4d\u56fe\u6807",\n "default": "\ud83c\udf45"\n },\n {\n "type": "text",\n "id": "sale_badge",\n "label": "\u5de6\u4e0a\u89d2\u6a59\u8272\u4fc3\u9500\u6807\u7b7e",\n "default": "-20% Deal"\n },\n {\n "type": "text",\n "id": "stock_label",\n "label": "\u53f3\u4e0a\u89d2\u5e93\u5b58\u4f59\u91cf\u6807\u7b7e",\n "default": "In stock (100 Kg)"\n },\n {\n "type": "text",\n "id": "vendor_name",\n "label": "\u8d27\u6e90\/\u519c\u573a\u6807\u7b7e",\n "default": "Local Farmers"\n },\n {\n "type": "text",\n "id": "item_title",\n "label": "\u5546\u54c1\u540d\u79f0",\n "default": "Organic Red Tomatoes"\n },\n {\n "type": "text",\n "id": "unit_price_label",\n "label": "\u5355\u4f4d\u6362\u7b97\u5355\u4ef7\u8bf4\u660e",\n "default": "$1.33 \/ per kg \u00b7 1kg Pack"\n },\n {\n "type": "text",\n "id": "price_sale",\n "label": "\u5f53\u524d\u552e\u4ef7 ($)",\n "default": "16.00"\n },\n {\n "type": "text",\n "id": "price_compare",\n "label": "\u539f\u4ef7 ($\uff0c\u7528\u4e8e\u8ba1\u7b97 Your saving)",\n "default": "20.00"\n },\n {\n "type": "number",\n "id": "default_qty",\n "label": "\u9ed8\u8ba4\u6f14\u793a\u52a0\u8d2d\u6570\u91cf",\n "default": 1\n }\n ]\n }\n ],\n "presets": [\n {\n "name": "Freshmart \u5feb\u6d88\u6b65\u8fdb\u51d1\u5355\u8d27\u67b6",\n "blocks": [\n {\n "type": "grocery_item",\n "settings": {\n "aisle_category": "vegetables",\n "emoji_placeholder": "\ud83c\udf45",\n "sale_badge": "-20% Deal",\n "stock_label": "In stock (100 Kg)",\n "vendor_name": "Local Farmers",\n "item_title": "Organic Red Tomatoes (Vine Pack)",\n "unit_price_label": "$1.33 \/ per kg \u00b7 01 kg",\n "price_sale": "16.00",\n "price_compare": "20.00",\n "default_qty": 1\n }\n },\n {\n "type": "grocery_item",\n "settings": {\n "aisle_category": "dairy",\n "emoji_placeholder": "\ud83e\udd5a",\n "sale_badge": "-20% Deal",\n "stock_label": "In stock (80 Boxes)",\n "vendor_name": "Local Farmers",\n "item_title": "Pasture-Raised Farm Eggs",\n "unit_price_label": "$4.80 \/ per 12 pcs \u00b7 Family Pack",\n "price_sale": "16.00",\n "price_compare": "20.00",\n "default_qty": 1\n }\n },\n {\n "type": "grocery_item",\n "settings": {\n "aisle_category": "fruits",\n "emoji_placeholder": "\ud83c\udf47",\n "sale_badge": "Peak Quality",\n "stock_label": "In stock (65 Kg)",\n "vendor_name": "Local Farmers",\n "item_title": "Seedless Green Grapes",\n "unit_price_label": "$1.60 \/ per 100g \u00b7 1kg Box",\n "price_sale": "16.00",\n "price_compare": "20.00",\n "default_qty": 1\n }\n },\n {\n "type": "grocery_item",\n "settings": {\n "aisle_category": "dairy",\n "emoji_placeholder": "\ud83e\udd5b",\n "sale_badge": "Daily Essential",\n "stock_label": "In stock (42 Bottles)",\n "vendor_name": "Local Farmers",\n "item_title": "Glass-Bottled Whole Milk & Greek Yoghurt",\n "unit_price_label": "$3.20 \/ per 1L \u00b7 Chilled Tote",\n "price_sale": "12.00",\n "price_compare": "15.00",\n "default_qty": 0\n }\n }\n ]\n }\n ]\n}\n{% endschema %}\n<\/code><\/pre>\n<\/details>\n\u4e09\u3001\u628a\u751f\u9c9c\u8d27\u67b6\u653e\u56de\u4e94\u4e2a\u6848\u4f8b\u91cc\u770b<\/h2>\n
\u5bb6\u5c45\u3001B2B\u3001\u6f6e\u724c\u548c\u94f6\u9970\u7684\u5217\u8868\u9875\uff0c\u901a\u5e38\u9700\u8981\u7ed9\u987e\u5ba2\u66f4\u591a\u6bd4\u8f83\u6216\u5224\u65ad\u7684\u7a7a\u95f4\u3002\u5feb\u6d88\u8d27\u67b6\u7684\u91cd\u70b9\u662f\u8de8\u5206\u7c7b\u627e\u8d27\u3001\u770b\u61c2\u89c4\u683c\u548c\u8fde\u7eed\u9009\u591a\u4ef6\u3002\u4e0b\u8868\u662f\u4e94\u4e2a\u8bbe\u8ba1\u6848\u4f8b\u7684\u4ea4\u4e92\u5bf9\u7167\uff0c\u4ef7\u683c\u662f\u54c1\u7c7b\u573a\u666f\u793a\u610f\u3002<\/p>\n
\n