How can I display a 3D model on Prestige theme product page?

Technical Q&A

Topic summary

A store on Prestige 5.2.0 added a .glb to product media; it appears as a 3D model in the admin, but on the storefront the 3D icon doesn’t respond and the image freezes.

Likely cause is not the GLB file but a theme/JavaScript conflict with Shopify’s native 3D viewer (, the 3D viewer element used by Shopify).

Suggested checks:

  • Verify the media is saved as a 3D model (not image).
  • Test the same product in a default Shopify theme to rule out the file.
  • Audit custom sliders, lazy-loading, or JS overrides that might affect .
  • Test on desktop Chrome first, then mobile Safari.

Workaround: embed the model via an external 3D canvas tool (e.g., orbital3d.design) to bypass theme media viewer limitations.

Status: unresolved; next steps are to run the above diagnostics to isolate and fix a theme-level script conflict.

Summarized with AI on December 18. AI used: gpt-5.
1

Hello, we are using Prestige theme version 5.2.0. We are trying to display 3D model in our product page as part of our listing. Theme support informed us that we just need to add the 3D model (.glb) in the media section which we tried. It showed successfully as 3D model in our backend, however it doesn’t display as 3D model in our front-end. It display the 3D icons but when we click on it, nothing happened. The image just froze (doesn’t interact). Is there anything else that we need to setting to enable the 3D viewer? Kindly need all your advise, thanks in advance for any help offered!

2

This usually isn’t an issue with the GLB file itself. Prestige uses Shopify’s native 3D viewer, and when the model icon appears but doesn’t respond, it’s often caused by a theme or JavaScript conflict.

Things worth checking:

  • Confirm the media type is saved as 3D model, not an image

  • Test the same product in a default Shopify theme to rule out the file

  • Check for custom sliders, lazy-loading scripts, or overrides affecting <model-viewer>

  • Test on desktop Chrome first, then mobile Safari

Some stores avoid theme-level 3D limitations by embedding models through external 3D canvas tools such as orbital3d.design, which don’t rely on the theme’s media viewer.

Prestige supports 3D, but interactive issues usually come from theme-level scripts rather than the model itself.