Probador AR (Realidad Aumentada)
El probador AR permite a los clientes visualizar productos en su entorno real usando la cámara del dispositivo o modelos 3D interactivos. Requiere el addon tryon-ar activado.
Activación
- Activa el addon
tryon-aren Apariencia → Addons. - Configuración global en Apariencia → Probador AR.
- Configuración por producto en la ficha del producto, pestaña Probador AR.
Cómo funciona
- Cada producto puede tener un modelo 3D (
.glb) asociado. - Los overrides por producto heredan la configuración global y pueden personalizarse individualmente.
- El visor AR se carga en la página del producto cuando el addon está activo.
Subida de modelos 3D
| Formato | Tamaño máximo | Ubicación |
|---|---|---|
.glb | 25 MB | ar-models/{tenant_id}/{filename} |
Los modelos se suben desde el panel del producto o desde Apariencia → Probador AR.
Configuración global
La configuración se almacena en tenant_addons con el addon ID tryon-ar.
Campos disponibles
| Campo | Tipo | Descripción |
|---|---|---|
enabled | checkbox | Activar el probador AR |
model_url | url | URL del modelo 3D global |
Configuración por producto
Desde la ficha del producto, pestaña Probador AR, puedes:
- Ver la configuración efectiva (global + overrides)
- Sobreescribir campos individuales
- Volver a heredar la configuración global
Acciones del panel
| Acción | Endpoint | Descripción |
|---|---|---|
| Ver panel | GET /admin/catalog/products/:id/ar-panel | Renderiza el partial HTMX |
| Override | POST /admin/catalog/products/:id/ar-override | Sobreescribe un campo |
| Limpiar | DELETE /admin/catalog/products/:id/ar-override/:field | Vuelve a heredar |
Archivos del addon
Los archivos del addon AR se sirven desde _platform/:
| Archivo | Descripción |
|---|---|
ar-tryon.js | Visor AR principal |
hair-tryon.js | Probador de cabello |
hair-tryon-vto.js | VTO para cabello |
hair-tryon.css | Estilos del probador |
Ejemplo
{
"enabled": true,
"model_url": "/uploads/ar-models/producto-123.glb"
}