虎山科技

做 3D 展示和商品选配 · 商品配置 实现阶段

选颜色和部件,查看对应价格与清单。

为模块化商品开发 3D 选配、组合规则、价格和部件清单,并开发购物车、结账和订单处理功能。

3D 商品展示与选配

选颜色和部件,
看看价格怎么算。

让客户在网页上选择颜色和部件,再按商品规则计算价格和清单。选项、价格和实际商品要能对应起来。

查看模型,理解商品外观和部件关系
选择配置,按组合规则核对选项
按选择计算价格,列出需要的部件
从一个产品系列开始,确定模型、规则与数据
KLACKJOY / 产品配置
项目界面截图
Klackjoy 配置界面:左侧模块化商品模型,右侧板件与颜色选项

配置界面截图 · 图中价格是当时的示例,不作为报价。

查看完整界面 ↗

模型交互

旋转

显示模式

线框

加载方式

按需启动

为什么做这个

客户改了一个选项,价格和需要的部件也可能跟着变。展示页面和报价规则要对应起来,才能方便说明和检查。

处理步骤
  1. 选择部件和颜色
  2. 检查组合规则
  3. 计算价格
  4. 生成部件清单

怎么做

选择要对应实际商品

每个选项对应哪些部件、怎样计价,需要先列清楚。

价格变了,规则也要更新

新增商品、换配件或调整价格时,要能检查原来的组合规则。

现在做到哪里

已有商品选配、计价、部件清单,以及购物车、结账、订单和后台相关实现。页面图片只展示配置界面。

使用前要知道

这里展示的是配置界面截图,不是完整交易演示。下单、付款和后续履约,要按实际系统逐段测试;配置结果能否直接用于生产,还要确认工厂的规则和数据。

你也有类似的问题吗?

先从一个商品系列做起。你有哪些模型、可选部件和价格规则?

返回开发案例