3D仓库支持的Shopify AR

Shopify AR允许用户在iOS 12设备上使用Safari浏览器查看增强现实(AR)中产品的现实和互动版本。有了AR,您可以为您的客户提供一个更好的感觉的大小,规模,和细节的产品。3D Warehouse应用程序允许你上传3D模型,并将它们链接到商店的产品,从而实现AR体验。

观看3D花瓶

要让客户在AR中查看你的产品,安装3D仓库应用程序获得产品的3D模型添加3D模型到应用程序编辑您的主题以启用AR快速查看,然后添加AR徽章到您的3D产品

步骤1:安装3D Warehouse app

步骤2:获得产品的3D模型

在客户可以在AR中查看你的产品之前,你需要产品的3D模型。三维模型是一个物体或表面的三维虚拟表示。它们可以让你从任何角度观察物体。

你可以聘请Shopify专家来帮你制作产品的3D模型。在Shopify专家市场,浏览专家谁提供ob欧宝娱乐app下载地址三维模型建立服务,选择一个专家,并联系他们。

使用专家联系表单,提供关于您的项目的详细信息。如果你想提供产品图片而且产品尺寸现在,确保你遵循了相关的指导方针。

当你联系一个专家时,你并没有承诺雇佣一个Shopify专家。这个步骤只向专家提交一个请求,然后专家可以审查您的请求。如果专家决定与你合作,他们会联系你,告诉你更多关于他们的费用以及如何开始合作的信息。OB欧宝娱乐APP

如果你没有提供产品图片而且产品尺寸这已经是你工作要求的一部分,然后专家再向你提出要求。拍照和测量时请遵循以下规范。

产品图片

3D模型是用照片创建的。为了创建3D模型,Shopify Expert需要您的产品从多个角度的照片:

产品照片的角度

拍照时,请遵循以下指导原则:

  • 确保你的产品光线充足。
  • 确保你的整个产品是焦点。
  • 如果可能的话,不要用手机拍照。对于大型产品,如家具,使用50毫米镜头的相机。对于中小型产品,使用70mm或100mm镜头。
  • 为任何独特的细节或纹理拍摄额外的照片。
  • 给照片文件明确的标题,如蓝色花瓶顶,或蓝色花瓶-左并将它们储存在标有明确标签的文件夹中。

产品尺寸

为了创建精确的3D模型,Shopify Expert需要您的产品的详细测量。当提供测量时,请遵循以下指导方针:

  • 用清晰、简单的术语描述产品的每个方面。
  • 提供在毫米
  • 包括一个图表来显示测量对应的尺寸。
  • 如果您有与您的产品相关的技术图纸或CAD文件,也包括这些。

制作3D模型的例子

娜奥米正在卖这个蓝色的花瓶:

花瓶

她安装了3D仓库应用程序,然后使用专家市场ob欧宝娱乐app下载地址雇佣一个Shopify专家来创建花瓶的3D模型。娜奥米为专家提供了六张用70mm镜头拍摄的高质量照片:

产品照片的角度

Naomi给了专家一个测量图,对应的产品尺寸以毫米为单位:

花瓶

  • 花瓶(1)的高度是____毫米
  • 花瓶的顶部到颈部(2)的底部是____mm
  • 颈底到花瓶底部(3)是____mm
  • 花瓶(4)口的直径为____毫米
  • 嘴唇(5)的宽度为____mm
  • 颈底直径(6)为____mm
  • 花瓶上有8个六角形的面
  • 六角形面(8)高度为____mm
  • 六边形面(9)的宽度为____mm
  • 花瓶(10)最宽的部分直径为____毫米
  • 花瓶(11)底部直径为____毫米
  • 泡沫脚直径为____mm

Shopify专家利用这些照片和尺寸创建了这个蓝色花瓶的3D模型。专家送了娜奥米一个.glb和一个.usdz向她提出申请添加到3D仓库应用程序

第三步:检查模型质量

当Shopify专家提供给你一个3D模型时,你应该检查它的质量是否满意。专家应该为您提供预览模型的说明。

从各个角度检查模型。你可以使用glTF查看器预览您的3D模型。在回顾模型时,请考虑以下问题:

  • 模型的形状和你提供给专家的产品参考照片是否匹配?
  • 模型的所有部分都与其他部分成比例吗?
  • 如果你能够在增强现实中预览模型,那么与场景的其他部分相比,模型的比例是否正确?
  • 这个模型看起来和产品的材料一样吗?
  • 模型的材质看起来是拉伸的、模糊的还是扭曲的?
  • 是否有像磨损或划痕这样的细节使模型的材料看起来更真实?
  • 如果产品的某些部分是透明的、反光的或发光的,那么它们看起来对吗?
  • 所有的边缘看起来都真实吗?是否有过于尖锐需要软化的?
  • 如果有任何装饰细节,比如一个标志或一些文字,那么它们是否容易看到?
  • 在本不应该存在的地方有任何缺口或洞吗?
  • 3D模型是否满足Shopify平台的技术要求?
    • 3D模型需要是GLB文件。
    • GLB文件应该大约为4 MB。
    • GLB文件不能超过15mb。

Shopify专家应该根据一定的标准建立3D模型。要了解关于这些标准的更多信息以便更好地审查模型,请参见为商家创建3D模型

如果你认为模型的质量不够好,那么联系Shopify专家并解释它的问题。

步骤4:添加一个3D模型到3D仓库应用程序

当你安装了3D仓库应用程序,并采购了一个3D模型,你需要将模型添加到3D仓库应用程序。

步骤:

  1. 从你的Shopify管理,点击设置>app及销售渠道

  2. app及销售渠道页面,点击3 d仓库

  3. 点击打开应用程序

  4. 点击添加3 d模型

  5. 标题字段,输入3D模型的标题。

  6. 相关产品字段,选择此3D模型关联的产品和变体,然后单击选择产品

  7. 点击上传文件并选择.usdz由Shopify专家提供的文件。

  8. 点击保存

重复上传过程.gltf.glb你的Shopify专家提供的文件。确保链接到相同的产品,这样您就有两个3D模型文件类型与产品相关联。

接受文件类型

Shopify专家为每个3D模型提供了两种不同的文件类型.usdz文件和一个.gltf.glb文件。不同的平台和特性使用这些不同的文件类型。例如,客户在iOS 12设备的Safari浏览器中查看3D产品,需要上传一个.usdz文件。确保你的在线商店与未来的增强现实和3D功能兼容的最好方法是上传欧宝体育官网入口首页这两个文件类型。

步骤5:编辑您的主题,以启用AR快速查看

你需要编辑你的主题代码来启用AR Quick Look,这是让客户在iOS 12设备上使用Safari浏览器查看你的3D产品的功能。

步骤:

  1. 从你的Shopify管理,点击设置>app及销售渠道

  2. app及销售渠道页面,点击欧宝体育官网入口首页

  3. 点击打开销售渠道

  4. 在当前主题旁边,单击行动>编辑代码

  5. 布局文件夹,单击{/} theme.liquid

  6. 找到< >头标签。它应该位于文件的顶部附近。

  7. 在下一行,粘贴以下代码:

  1. 点击保存
  2. 部分文件夹,单击{/} product-template.liquid
  3. 将以下代码粘贴到文件的顶部:
<脚本>(函数(s3d) {if (!s3d) {console.warn('"窗口。不存在Shopify3d。请确保您已经添加了