shopify

A real Shopify product, unmodified, as a glasses-free 3D element.

The model below is not ours and was not re-authored. It is the GLB that Shopify already serves for a product on one of Shopify’s own demo storefronts, loaded straight from cdn.shopify.com by URL. Merchants who have used Shopify’s 3D product media already have one of these per product.

Paste any cdn.shopify.com/3d/models/… URL to try another product.

Why this works with no asset pipeline

Every claim here was measured against live Shopify assets rather than read off a documentation page:

Hosting	Plain .glb on cdn.shopify.com, served content-type: model/gltf-binary with access-control-allow-origin: * — so any page may fetch it cross-origin.
Compression	None. Shopify runs an optimiser (the generator string reads RapidCompact) but the result declares no extensionsUsed — no Draco, no meshopt, no KTX2. Stock GLTFLoader parses it with no decoder registered. Merchants can upload pre-compressed GLBs, and Shopify passes those through untouched — which is why the SDK gained Draco/meshopt/KTX2 support in 1.2.0.
Scale	Real-world metres (this boot is 0.30 m). The SDK frames against virtualDisplayHeight, also in metres, so a Shopify asset lands at a sensible size without a magic number.
Materials	Real PBR — baseColorTexture plus metallicRoughnessTexture. That is what lets a highlight travel across the surface as you move your head, which is the whole reason this reads as an object rather than a picture of one.

Finding the URL on a merchant’s storefront

Nothing above needs a Shopify integration — it is a URL and a canvas. On a live storefront the URL is already in the page, so an app embed can read it without an API call and without CORS entering into it:

document.querySelector('model-viewer')?.getAttribute('src')

Shopify also exposes it as JSON at /products/<handle>.js, under media[].sources[] where format === 'glb'.

← All samples · Get the DisplayXR Browser
The model is hosted by Shopify and shown by URL from a Shopify demo storefront; it is neither redistributed nor modified here. Shopify is a trademark of Shopify Inc. This sample is not affiliated with or endorsed by Shopify.