View 3D models (AR, augmented reality, showroom)

What this solution does

The module enables interactive viewing of GLB and glTF 3D models on 1C-Bitrix website pages. Features include augmented reality support on mobile devices, model galleries, integration with infoblock products, QR code generation for AR launch, statistics collection, and flexible visual styling.

Users can rotate models using a cursor or touch, zoom in and out, switch to full-screen mode, take screenshots, and view objects in augmented reality. The system also allows navigation between multiple models within a single gallery.

The solution is effective for online stores and catalogs of furniture, clothing, electronics, decor, industrial equipment, souvenirs, real estate, as well as educational projects requiring clear product visualization.

Key capabilities:

- Display of GLB and glTF models directly on web pages.

- Augmented reality support on mobile platforms.

- Automatic generation of a separate USDZ file for viewing via Quick Look on iOS.

- Camera control: rotation, scaling, panning, and automatic model rotation.

- Configuration of initial camera position, field of view, and interaction limits.

- Rendering of contact shadows under the object with adjustable softness.

3D model viewer module with augmented reality support and virtual showroom capabilities. Features environment, HDR lighting, exposure, and tone mapping configuration. Includes a fullscreen mode with a dedicated control button and a screenshot function for the current model view. Supports a gallery with multiple models and previews. Compatible with product offers, allowing automatic model switching when an SKU is selected. Provides an AR button with a QR code for mobile devices and Quick Look AR banners for iPhone and iPad. Designed to work with strict Content Security Policy (CSP) without inline scripts. Includes schema.org/3DModel SEO markup. Tracks statistics for views, AR launches, QR scans, fullscreen usage, and user interactions. Supports multisite architecture with global settings and individual configuration per site.

Components

3D Model Viewer

Basic component for displaying a single 3D model via a direct file path.

3D Model Gallery

Component for displaying a collection of models with switching and preview capabilities.

3D Model from Info Block

Component for rendering a model from an info block property, suitable for product cards and catalogs.

AR View Button (with QR for Desktop)

Dedicated AR launch button: opens augmented reality on mobile devices and displays a QR code window on desktop computers.

AR View Button from Info Block

The module adds an AR button for viewing 3D models linked to infoblock elements. It is suitable for online stores with volumetric goods, catalogs of furniture, equipment, and decor, manufacturers needing to showcase products from all angles, and studios creating sites with 3D presentations. The tool is also useful for educational and demonstration projects.

The module supports multi-site installations of 1C-Bitrix. Administrators can set global settings for all sites or define individual parameters for a specific site. On the public part, components automatically apply settings for the current SITE_ID. If a site lacks individual values, it inherits the global settings.

The system collects statistics on interactions with 3D models, including model views, AR launches, QR window openings, full-screen mode transitions, and user actions with the model. The administrative section provides a summary of events, platforms, popular models, and recent user actions.

The module supports alternative text for the 3D model, a poster for browsers without JavaScript, and optional schema.org/3DModel microdata. This ensures correct page display for search engines, browsers without script support, and assistive technology users.

Module settings are located in the Services → 3D Model Viewer section.

Additional parameters are available in Settings → Product Settings → Module Settings → 3D Model Viewer.

General iT can install and configure this module and check how it works on your website.