Saltar al contenido principal

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-ar en 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

FormatoTamaño máximoUbicación
.glb25 MBar-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

CampoTipoDescripción
enabledcheckboxActivar el probador AR
model_urlurlURL 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ónEndpointDescripción
Ver panelGET /admin/catalog/products/:id/ar-panelRenderiza el partial HTMX
OverridePOST /admin/catalog/products/:id/ar-overrideSobreescribe un campo
LimpiarDELETE /admin/catalog/products/:id/ar-override/:fieldVuelve a heredar

Archivos del addon

Los archivos del addon AR se sirven desde _platform/:

ArchivoDescripción
ar-tryon.jsVisor AR principal
hair-tryon.jsProbador de cabello
hair-tryon-vto.jsVTO para cabello
hair-tryon.cssEstilos del probador

Ejemplo

{
"enabled": true,
"model_url": "/uploads/ar-models/producto-123.glb"
}