Shopify AR由3D仓库驱动

Shopify AR允许客户使用iOS 12设备上的Safari浏览器在增强现实(AR)中查看产品的逼真和交互式版本。有了AR,你可以让你的客户更好地了解你产品的大小、规模和细节。3D仓库应用程序允许您上传3D模型并将其链接到商店中的产品,从而实现AR体验。

观看3D花瓶

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

步骤1:安装3D Warehouse应用程序

第二步:制作产品的3D模型

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

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

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

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

如果你没有提供产品图片产品尺寸作为你工作要求的一部分,专家会要求你提供这些信息。拍照和测量时请遵循以下规格。

产品图片

3D模型是使用照片创建的。要创建3D模型,Shopify专家需要从多个角度拍摄产品的照片:

产品照片角度

在拍摄产品照片时,请遵循以下指导原则:

  • 确保你的产品光线充足。
  • 确保你的整个产品都是焦点。
  • 如果可能的话,不要使用手机摄像头。对于像家具这样的大型产品,使用50mm镜头的相机。对于中小型产品,请使用70mm或100mm镜头。
  • 拍摄任何独特的细节或纹理的额外照片。
  • 给照片文件一个清晰的标题,比如蓝色花瓶-顶部,或蓝色花瓶-左把它们放在一个标签清晰的文件夹里。

产品尺寸

要创建准确的3D模型,Shopify专家需要详细测量您的产品。在提供测量时,请遵循以下指导方针:

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

制作3D模型的例子

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

花瓶

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

产品照片角度

Naomi给了专家一张测量图,上面有相应的产品尺寸,以毫米为单位:

花瓶

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

这位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管理,点击设置>应用和销售渠道

  2. 应用和销售渠道页面,点击3 d仓库

  3. 点击打开应用程序

  4. 点击添加3D模型

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

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

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

  8. 点击保存

的上传过程.gltf.glb您的Shopify专家提供的文件。确保您将其链接到相同的产品,以便您拥有与该产品相关的两种3D模型文件类型。

可接受的文件类型

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

第五步:编辑您的主题以启用AR快速查看

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

步骤:

  1. 从您的Shopify管理,点击设置>应用和销售渠道

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

  3. 点击开放销售渠道

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

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

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

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

  1. 点击保存
  2. 部分文件夹,单击{/} product-template.liquid
  3. 将以下代码粘贴到文件的顶部: