每日整理真实提问 356 个问题 · 726 个回答 需要系统性的技术文档?看 Shopify 技术百科 1000 篇 → 400-873-8117
已解决 提问于 1 个月前

商品页想放 3D 模型

2 个回答 5,275 次浏览 商品、变体与库存 最后活跃 1 个月前
20

家居商品想用 3D 展示,上传了 glb 文件但前台不显示。

L
Lily提问者
DTC 品牌独立站运营负责人
1 个月前提问 · 已收到 2 个回答

2 个回答

已采纳 · 提问者确认解决
35

先把判断放在前面:3D 模型需要特定格式与主题支持,不是所有主题都渲染 model 媒体类型。

1处理顺序

  1. 确认文件是 .glb 或 .usdz,其他格式不支持。
  2. 主题的商品媒体循环需要处理 model 类型,旧主题可能只处理 image。
  3. 用 <model-viewer> 组件渲染,注意移动端性能。
  4. 提供「查看 AR」按钮时要判断设备能力。
  5. 在低端安卓机上测加载时间。
验收:商品页能旋转查看 3D 模型,移动端加载时间可接受。
风 风格技术团队 回答于 1 个月前
17

3D 模型文件动辄几 MB,会明显拖慢 LCP。建议只在详情页按需加载,首屏仍用图片。

泽 阿泽 · 前端工程师 · 1 个月前

你的处理方式是什么?

写下你实际验证过的步骤,比「我也有这个问题」有用得多。当前版本为静态展示,提交后会由团队整理并回复。

描述你遇到的现象、店铺环境(主题 / 套餐 / 应用)、已经试过哪些操作……
我要单独提问 工作日 10 分钟内回复,可直接加微信 fenggejishu