3D视觉服务平台

简体中文

English

简体中文

English

外观

SHOPLINE 3D&AR主题帮助文档 ​

文档版本V0.1
文档编号M0001
编写人员景致技术部
创建日期2025-09-24
修订说明
修订日志

一、主题简介 ​

Accupix3D依托完全自主核心技术联合SHOPLINE推出全球首款独立站3D&AR主题，率先实现真正的零门槛3D独立站升级，无需粘贴代码或安装插件，商家一次购买即可终身享用内置的3D&AR展示功能，轻松实现低成本沉浸式购物体验升级。同时，主题集成智能搭配推荐、折扣专区、服务保障展示等功能，进一步优化独立站购物体验，显著缩短决策周期、提升销售转化率，并有效降低退货率与售后压力。

主题DEMO预览链接：https://home-one.myshopline.com/

二、主题核心优势 ​

主题的核心优势如下表所示：

卖点描述
3D展示1、在首页Banner、首页商品卡片、商品详情页均内置3D展示入口，无需商家手动配置；
2、自有3D引擎，展示速度快，交互流畅，给顾客带来更好的沉浸式购物体验。
材质切换配置后的模型，支持在3D展示时切换产品部分或全部材质。
AR试摆允许顾客扫码使用AR试摆功能，将产品虚拟摆放在顾客的实际空间中，帮助顾客精准判断产品的尺寸、风格是否合适。
无门槛主题的3D展示、材质切换和AR试摆功能，无需粘贴代码或者安装插件，购买即可使用，真正做到无门槛升级。
一站式服务景致同时具备3D模型制作、3D渲染出图、3D动画制作的能力，一站式解决商家的所有素材需求。

下面通过图文结合的方式解释主题的核心优势，所有素材均取自DEMO店铺。

2.1 3D展示 ​

3D展示在首页、分类页、商品详情页都有入口，顾客可以很便利的查看产品的3D模型，且3D展示按钮是自动添加的，无需商家手动配置。

2.1.1 3D展示入口 ​

Banner

image.png

图文拼接

image.png

image.png

推荐商品

image.png

全部商品页

image.png

商品详情页

image.png

2.1.2 3D展示效果 ​

3D展示允许顾客与模型互动，360°查看产品细节。

image.png

image.png

image.png

2.2 材质切换 ​

配置了材质切换功能的模型，在3D展示时可以点击左下角的材质切换按钮，实时切换商品部分/全部材质，如果有类似的需求可以跟销售沟通，材质切换功能如下图所示：

image.png

2.3 AR试摆 ​

AR试摆在首页、分类页、商品详情页都有入口，顾客可以很便利的使用AR试摆功能，且AR试摆按钮是自动添加的，无需商家手动配置。

2.3.1 AR试摆入口 ​

Banner

image.png

图文拼接

image.png

image.png

推荐商品

image.png

全部商品页

image.png

商品详情页

image.png

2.3.2 AR试摆效果 ​

AR试摆允许顾客将产品虚拟摆放在顾客所处的实际空间中，直观的判断产品的尺寸、风格是否合适。

17b97d68b09db641af48b3bf7f043f11.png

fe0c8988cbfa2d291f782602dcc20fe7.jpeg

d8e3e5f532786437de9c154c4a38dacd.jpeg

2.4 一站式服务 ​

2.4.1 3D渲染出图 ​

景致能够提供低成本的产品首图、白底图、场景图（3D渲染 + AI）、模特图（3D渲染 + AI）和详情页图等3D渲染出图服务。

详情可参考官网案例：https://aya3d.com/service/render??mkq7Yuk+5T6LHs5jBbnx0Q==

2.4.2 3D动画制作 ​

景致能够提供低成本的3D动画制作服务。

详情可参考官网案例：https://aya3d.com/service/render??Ses1zIiyCiTugWF/VwNBRw==

三、主题组件 ​

本节将详细介绍主题的每个组件在装修中的使用方法，以及前台展示效果。

3.1 3D商品幻灯片 ​

3.1.1 前台展示效果 ​

Banner组件前台展示效果如下：

1、若配置了多张图片，则图片可以轮播，可设置切换间隔时间；

2、中间的蓝色小圆点，点击后显示此处配置的商品，可点击进入商品详情页；

3、配置了3D模型之后，“View in 3D”和“View in Room”按钮可点，点击之后分别唤起3D展示和AR试摆功能。

image.png

3.1.2 组件操作 ​

1、添加图片

image.png

2、上传图片

image.png

分别上传电脑端和移动端的图片

image.png

3、配置文案

image.png

输入标题的文案，并调整字体和对齐方式

image.png

副标题和描述操作同理。

4、配置商品

image.png

点击“选择商品”

image.png

选择店铺中已创建的商品，并点击“完成”，配置成功

image.png

5、配置3D模型

模型上传按钮仅在已添加商品且商品未绑定模型的情况下出现

image.png

商家根据自身情况选择上传模型，或者向景致官方提交模型制作需求

image.png

注意如果商家自己拥有的模型不符合景致给出的标准，可能会造成加载慢、展示效果差甚至无法展示等问题，具体的模型标准可以点击如下位置，下载3D模型制作标准文件。

image.png

6、提交3D建模需求

如果在“5”中选择提交3D建模需求，则会弹出如下的需求表单，按照表单中的提示填写完成

image.png

填写完成后点击提交

image.png

提交需求之后，景致官方工作人员会尽快联系您，了解您的需求，并快速为您安排制作所需的3D模型，且官方模型对于引擎的适配性更好，展示效果更加精美。

3.2 服务保障 ​

3.2.1 前台展示效果 ​

服务保障组件前台展示效果如下：

1、最多添加5个服务项

image.png

3.2.2 组件操作 ​

1、添加服务项

image.png

2、添加服务项图标

image.png

点击“添加图片”

image.png

上传本地文件，或者选择已经上传的文件

image.png

点击“完成”，配置成功

image.png

3、设置服务项文案

点击标题

image.png

输入服务项的标题

image.png

正文操作同上。

3.3 特色商品分类 ​

3.3.1 前台展示效果 ​

特色商品分类组件前台展示效果如下所示：

1、最多添加5个分类

image.png

3.3.2 组件操作 ​

1、增加分类

image.png

2、选择商品分类

image.png

点击“选择商品分类”

image.png

选择已经创建的商品分类，并点击“完成”，配置成功。

image.png

3.4 公告滚动 ​

3.4.1 前台展示效果 ​

公告滚动组件前台展示效果如下：

image.png

2.4.2 组件操作 ​

1、配置图片

点击图文内容

image.png

点击“添加图片”

image.png

上传本地文件，或者选择已上传的图片，并点击“完成”，配置成功

image.png

2、配置文案

下划至文案配置模块，输入对应的文案，配置成功。

image.png

3.5 特色图文模块 ​

3.5.1 前台展示效果 ​

特色图文模块组件前台展示效果如下所示：

image.png

3.5.2 组件操作 ​

1、配置图片

image.png

点击“添加图片”

image.png

上传本地文件，或者选择已上传的图片，并点击“完成”，配置成功

image.png

2、配置商品

image.png

跳转连接类型选择“商品”

image.png

然后选择对应的商品，配置成功

image.png

3、配置3D模型

模型上传按钮仅在已添加商品且商品未绑定模型的情况下出现

image.png

商家根据自身情况选择上传模型，或者向景致官方提交模型制作需求

image.png

注意如果商家自己拥有的模型不符合景致给出的标准，可能会造成加载慢、展示效果差甚至无法展示等问题，具体的模型标准可以点击如下位置，下载3D模型制作标准文件。

image.png

4、填写需求表单并提交

如果在“3”中选择提交3D建模需求，则会弹出如下的需求表单，按照表单中的提示填写完成

image.png

填写完成后点击“submit”提交需求

image.png

提交需求之后，景致官方工作人员会尽快联系您，了解您的需求，并快速为您安排制作所需的3D模型，且官方模型对于引擎的适配性更好，展示效果更加精美。

5、配置文案

点击“标题”

image.png

在文本框中输入标题的文案

image.png

3.6 推荐商品 ​

3.6.1 前台展示效果 ​

推荐商品前台展示效果如下图所示：

image.png

3.6.2 组件操作 ​

1、配置商品

image.png

选择已创建的商品分类，并点击“完成”，配置成功

image.png

2、配置3D模型

模型上传按钮仅在已添加商品且商品未绑定模型的情况下出现

image.png

商家根据自身情况选择上传模型，或者向景致官方提交模型制作需求

image.png

注意如果商家自己拥有的模型不符合景致给出的标准，可能会造成加载慢、展示效果差甚至无法展示等问题，具体的模型标准可以点击如下位置，下载3D模型制作标准文件。

image.png

4、填写需求表单并提交

如果在“3”中选择提交3D建模需求，则会弹出如下的需求表单，按照表单中的提示填写完成

image.png

填写完成后点击“submit”提交需求

image.png

提交需求之后，景致官方工作人员会尽快联系您，了解您的需求，并快速为您安排制作所需的3D模型，且官方模型对于引擎的适配性更好，展示效果更加精美。

4、配置标题

点击“标题”，并在文本框中输入对应文案即可。

image.png

3.7 折扣专区 ​

3.7.1 前台展示效果 ​

折扣专区组件的前台展示效果如下：

1、最多支持3个折扣商品卡片

image.png

3.7.2 组件操作 ​

1、配置图片

点击“图片”，并点击“添加图片”

image.png

上传本地图片或者选择已经上传的图片，并点击“完成”，配置成功

image.png

2、配置文案

点击“说明文字”并在文本框中输入对应的文案

image.png

点击“标题”并在文本框中输入具体的折扣宣传标语。

image.png

3.8 精选博客 ​

3.8.1 前台展示效果 ​

精选博客模块前台展示效果如下：

image.png

3.8.2 组件操作 ​

1、配置博客

点击“精选博客”并点击“选择博客集合”

image.png

选择已经创建的博客集合，并点击“完成”，配置成功。

image.png

2、配置文案

点击“标题和跳转”，在文本框中输入标题和跳转按钮的文案。

image.png

3.9 视频 ​

3.9.1 前台展示效果 ​

视频组件前台展示效果如下所示：

1、视频仅支持mp4格式文件；

2、视频大小需要控制在20M以内。

image.png

3.9.2 组件操作 ​

1、配置标题

点击“标题”并在文本框中输入相应的标题文案

image.png

2、配置视频

点击“视频”，并点击“选择视频文件”

image.png

上传视频文件，或者选择已经上传的视频文件

image.png

点击“完成”，配置成功

image.png

3、配置封面图

点击“视频”并点击“添加图片”

image.png

上传文件或者选择已经上传的图片

image.png

点击“完成”，配置成功

image.png

3.10 邮件订阅 ​

3.10.1 前台展示效果 ​

邮件订阅组件前台展示效果如下所示：

image.png

2.10.2 组件操作 ​

1、设置标题文案

点击“标题”，并在文本框中输入标题文案。

image.png

2、设置描述文案

点击“富文本”并在文本框中输入对应的文案。

image.png

3、设置输入框提示文案和按钮文案

点击“订阅输入框”并在文本框中分别输入提升文案和提交按钮的文案。

image.png

3.11 图文模块 ​

3.11.1 前台展示效果 ​

图文模块前台展示效果如下所示：

image.png

3.11.2 组件操作 ​

1、文案配置

点击“副标题”并在文本框中输入副标题的文案。

image.png

2、图片配置

点击“图片”并点击“添加图片”

image.png

上传本地图片，或者选择已经上传的图片

image.png

点击“完成”，配置成功。

image.png

四、3D资产管理 ​

4.1 管理自己的3D模型 ​

商家在装修过程中，随时可以点击主题顶部的“Browse 3D Model Library”/“查看3D模型库”按钮，跳转景致三维平台查看和管理自己的3D模型

image.png

image.png

4.1.1 设置3D展示效果 ​

如果想要配置3D模型的灯光效果、展示背景等内容，可以点击对应3D模型卡片上的“编辑3D设置”按钮，进入景致官方的在线3D编辑器

image.png

使用屏幕左侧的功能栏对模型进行修改

image.png

修改完成后点击右上角的“保存设置”按钮，看到保存成功的提示后，配置完成，可以在前台查看展示效果的变化。

image.png

4.1.2 下载3D模型 ​

如果商家需要下载模型用于其他场景，可以点击对应3D模型卡片上的“下载”按钮

image.png

选择需要下载的模型格式

image.png

加载条充满之后模型即下载完成，可在本地进行查看和使用。

image.png

4.1.3 分享模型 ​

如果想要以微信二维码或者链接的形式分享3D模型，可以在“我要管理3D模型 —— 3D展示”中点击对应3D模型卡片上的“生成二维码”、“复制链接”按钮

image.png

截取二维码或者将链接直接分享出去即可。

image.png

4.2 查看已提交的3D建模需求 ​

商家在装修过程中随时可以点击主题底部的“View Detail”按钮，跳转查看自己正在进行中的3D建模需求。

image.png

image.png

4.3 AR功能管理 ​

如果希望仅关闭AR功能，可以在“我要管理3D模型 —— AR试摆/AR试穿/AR试戴”中点击对应3D模型卡片上的“是否启用ARXX”按钮进行关闭。

image.png

4.4 为模型增加换材质/换部件/热点功能 ​

如果想为已有的3D模型增加换材质/换部件/热点功能，可以在“我要管理3D模型 —— 3D展示”中点击对应3D模型卡片上的“3D产品定制”按钮

image.png

在弹窗中点击“提交3D产品定制需求”按钮

image.png

根据提示完成需求表单的填写

image.png

填写完成之后，点击“提交”按钮，成功提交需求

image.png

提交需求之后，景致官方工作人员会尽快联系您，了解您的需求，并快速为您安排制作替换材质。

如果在模型拥有可替换材质的情况下，需要保留3D&AR功能，仅关闭材质切换功能，可以点击下方位置进行关闭

image.png

五、价格方案 ​

5.1 主题价格 ​

主题价格为199美元，商家可以在SHOPLINE主题商城中找到名为“3D&AR Shopping · lmmersive”的主题，直接在SHOPLINE上购买即可。

5.2 建模套餐价格 ​

使用主题的客户（从主题跳转哎吖平台的客户会被识别）建3D模型，通常只支持建模券抵扣的方式，而建模券可以通过购买建模券套餐的形式获得，不同套餐最主要的差别就是套餐内的建模券张数，具体的建模套餐如下所示：

548dafdf06abcc67940ed4bdc3eb4adb.png

如果模型复杂度过高，建模券将无法抵扣，届时可以通过单独生成支付订单的形式进行交易。

六、常见问题 ​

1、为什么扫码之后无法正常试摆

答：Android端部分机型不支持该功能，支持该功能的机型也需要在Chrome浏览器中打开，手机默认浏览器可能不支持；iOS端需要在Safari浏览器中打开。

2、支持哪些格式的3D模型上传

答：建议上传15M以内的glb模型文件。如果模型一直无法上传成功，可以添加“七、获取支持”中的在线客服微信获取帮助。

3、如何仅关闭AR功能

答：具体操作参见“4.3 AR功能管理”。

4、如何对模型展示效果进行调整

答：您可以添加“七、获取支持”中的在线客服微信获取帮助。

如果您有一定的技术基础，可以通过如下路径利用景致提供的在线3D编辑器自行调节展示效果：

5、如何为已有的模型添加材质切换功能

答：具体操作参加“4.4 为模型增加换材质/换部件/热点功能”

七、获取支持 ​

1、在线客服微信

bee3d02f5a17d60c2576e4f9c0c2a2be.jpeg

2、加入景致官方3D&AR主题客户交流群

欢迎感兴趣的商家进群咨询和分享

contact_me_qr.png

3、技术支持邮箱

accupix3d@jingzhi3d.com