图片定制与 3D 打印插件

业务场景

这个插件服务于 Bobozzle 这类照片定制拼图品牌：用户上传自己的照片，生成专属拼图并定制包装盒，下单后进入生产。难点在于用户上传的图片质量参差不齐，分辨率不够的照片印出来会模糊，事后处理的售后成本很高，所以要在下单前就把问题拦住。

功能模块

• 分步定制流程：定制弹窗分为两步，第一步 Create photo 制作拼图图案，第二步 Create the box 定制包装盒，进度清楚。
• 图片上传与管理：在弹窗内直接上传照片，上传后即时放到拼图画布上。
• 拼图参数自定义：选择材质与片数（例如 Wood / 500 Pieces），选择横版（Horizontal）或竖版（Vertical）布局，价格随规格同步显示。
• 智能校验与用户引导：系统自动评估图片是否适合当前拼图尺寸；不适合时给出明确提示，建议用户换一张图片或选择更小的拼图规格，并说明这是自动评估、仅供参考。
• 实时预览：图片和布局一旦调整，预览区立即呈现最终效果。

与 Shopify 的集成

定制结果与 Shopify 的商品和订单关联，用户在弹窗中完成设计后直接加入购物车，定制内容随订单一起进入 Shopify。