3D & AR (PLUS)

Mediaverse integrates Google’s <model-viewer> web component to render 3D models directly inside the product gallery. On supported mobile devices, customers can also launch an AR view that places the model in their real environment through the phone camera.

Supported formats

glTF (.gltf + textures, or .glb binary)

GLB is recommended for production use — single file, smaller payload, easier to host.

How to add a 3D model

Open a product → Media tab.
Upload your .glb or .gltf file to the media library. (You may need to allow this extension in your media settings.)
In the Mediaverse side panel, find the 3D & AR card.
Use Add source to attach the model file.
Optionally upload a poster image to show while the model loads.
Save the product.

Storefront behaviour

The model renders with a “Load 3D Model” placeholder until the customer interacts (depending on the loading mode). When active:

Drag to rotate the model
Pinch / scroll to zoom
On AR-capable mobile devices, an AR button appears to place the model in the customer’s real environment

Global configuration

In Settings → Plugins → Mediaverse → 3D & AR the configuration page has tabs:

General — loading mode (auto / lazy / eager / manual), poster, field of view, environment map, shadow
AR — AR enable / scale / hit-test mode
Staging & Camera — camera orbit, lighting, exposure

Per-page defaults are split into Product Details Page, Cover / Product Listing, and Shopping Experiences tabs.

AR (Augmented Reality)

On mobile devices that support AR (modern iPhones with iOS Quick Look, Android phones with Scene Viewer), a small AR button appears in the corner of the viewer. Pressing it opens the AR view where the customer can place the model in their room via the camera.

AR is a passive feature — it does not need extra integration. Just upload a well-prepared GLB model and the browser handles the rest.