项目概述
在浏览器中组合户外家具、切换面料、添加桌子与配件，并从不同视角查看最终效果。
这个项目把户外家具配置放进一个可交互的 3D 场景中。访客可以在配置过程中直接看到组合后的场景状态。
项目需求
- 把一款价值取决于「模块 + 面料 + 配件如何组合」的户外家具系统讲清楚，而不是靠单张产品图。
- 让买家自己完成组合，并把组合结果作为一个整体场景来看，而不是几张彼此独立的产品图。
- 不推翻既有的商品目录、选项结构与交易流程——三维体验要长在已经跑起来的业务上。
- 在客户已有的 Shopify 环境内实施，商品、选项、Variants、SKU、库存、价格与折扣规则都已在其中管理。
体验亮点
- 引导式配置流程
- 模块化座椅组合
- 面料选择
- 桌子与配件
- 多种视角
- 交互式 3D 场景浏览
交互逻辑
1）从引导式配置开始；2）选择家具组合；3）切换面料；4）添加桌子与配件；5）从不同视角查看配置后的场景。
项目交付
我们构建了连接产品选择与 3D 户外场景的交互层，让买家能够在产品所处的视觉语境中理解配置结果。
为什么采用这种形式
户外家具的判断不仅来自单件产品本身，也来自不同产品组合后如何占据空间。将配置结果直接放进可交互场景，比孤立产品图片更容易理解整体组合。
项目交付
- 面向该户外家具系列的定制 3D 配置页面，浏览器端交付。
- 覆盖模块化座椅组合、面料选择、桌子与配件的引导式配置流程。
- 多个观察视角，让配置结果能以场景方式被查看，而不是固定机位。
- 把 3D 选项与客户既有 Shopify 商品选项及 Variants 建立对应关系的映射层。
- 项目源码与项目源文件，按合同约定范围交付。
这个项目说明了什么
这个项目说明的是：定制的三维配置体验可以叠加在已经运转的电商基础设施之上。客户保留了管理商品、选项、Variants、SKU、库存、价格与折扣规则的 Shopify 后台；INTR 负责构建 3D 交互层，以及两者之间的映射关系。它不是重建整套商店系统，也不是通用 Shopify App 或现成插件。
集成语境：客户原有的 Shopify 环境仍是商品、选项、Variants、SKU、库存、价格与折扣规则的记录系统。定制 3D 页面与这套结构对接，而不是取代它——交易流程继续跑在业务已经在用的平台上。
技术说明
基于浏览器的交互式 3D 产品体验。
Shopify 实施说明
除本页展示的视觉案例之外，Outer 商店还有一套建立在 Shopify 既有商品体系上的定制 3D 配置器。技术案例页记录了现有商品选项如何映射到新的 3D 控件、三步选配流程如何组织，以及项目结束时交付哪些内容。