可交互演示
一个能把没拍过的那 92 种配置画出来的产品页
一把办公椅的产品页：三种框架 × 四种面料 × 两种底座 × 头枕 × 扶手 = 96 种组合，而相机只拍得完四种。换一个选项，图当场跟着变，配置码同步生成，询盘带着它一起走。
- 01
换面料。座垫和靠背当场变色 —— 是渐变过去的，不是跳变，所以看着还是同一把椅子。
- 02
换框架。扶手、气杆、靠背边框跟着一起换。
- 03
加头枕、换 4D 扶手 —— 图上多出来的是真的零件，不是一行字。
- 04
配到那四张照片以外时，图库那行会说破：这个组合没有照片。
- 05
配置码和价格同步生成，询盘带着它们一起走。
客户遇到的问题
一家给海外做 OEM 的办公椅厂。买手问的第一句永远是同一句：白色框架配米色布是什么效果？厂里答不上来。摄影棚一次拍得完的组合就那么几种，所以官网上是四张标准款的照片，剩下九十几种只存在于客户的想象里。于是买手要样品。一套样品寄到手上要一个月，拆开一看不是他想的那样，再来一轮。而真正卡住这件事的其实很小：他看不到自己脑子里那个组合。
我们做了什么
产品图改成分层画的 —— 框架、面料、底座、头枕、扶手各是一层，换一个选项，页面上的颜色和形状当场跟着变。**这里刻意没有用 3D**：一个能拖着转的模型要背几百 KB 的库，而且在手机上小到什么也看不清。这里要证明的不是「我们会做 3D」，是「九十六种组合你都能看到」。配置定下来的同时生成一串编号 —— NX1-WH-SD-AL-HR-4D —— 买手照着它下单，工厂照着它排产，中间不会有人理解错。询盘发出去时带的就是这串编号和那张图。
你可以试试
- 演示会自己换两样：面料换成沙色，框架换成白色。
- 底座点成「抛光铝」—— 五星脚从哑光黑变成金属银，价格动 $42。
- 加上头枕。它是滑出来的，不是突然冒出来的 —— 凭空出现的零件看着像页面出错。
- 再随便改一样，看图库那行变成橙色的「这个组合没有照片」。那一行就是这整件事存在的理由。
这套适合谁
任何一种「选项一多，照片就拍不完」的生意：家具、门窗、灯具、包装、印刷品、定制五金。判断标准很简单 —— 如果客户问得最多的是「XX 配 XX 是什么样」，而你们的回答是寄个样品，那这就是把那一个月省下来的办法。
搭在什么上面
- WordPress
- WooCommerce
目录、账号、购物车、询盘这些都是标准的 WordPress 和 WooCommerce，跑在你自己的主机上。只有跟你这门生意直接相关的那部分，才是从头写的。