Skip to content
WooCommerce & WordPress Plugin Docs

Reel

Reel mejora la galería de la página de producto de WooCommerce con tres funciones independientes: zoom al pasar el puntero, lightbox accesible y un vídeo destacado por producto.

La salida se renderiza en el servidor y se acompaña de un único script pequeño en JavaScript nativo, sin jQuery propio. Los recursos sólo se cargan en páginas de producto individuales y únicamente cuando alguna función relevante está activa.

Qué incluye la edición gratuita

Section titled “Qué incluye la edición gratuita”
  • zoom con escala configurable;
  • opción para desactivar el zoom en dispositivos táctiles;
  • lightbox para las imágenes del producto;
  • cierre con Escape, fondo opcional, trampa de foco y devolución del foco;
  • pie de foto opcional;
  • vídeo destacado mediante archivo propio u oEmbed;
  • posición del vídeo después de la galería o antes del resumen;
  • reproducción automática opcional y título configurable;
  • shortcode [reel_video];
  • bloque Reel: Featured video.

Fuentes de vídeo

Section titled “Fuentes de vídeo”

Reel reconoce archivos directos .mp4, .m4v, .webm y .ogv. Para otras URL compatibles usa el sistema oEmbed de WordPress. La compatibilidad final de un proveedor depende de que WordPress pueda convertir esa URL en un embed válido.

Cada producto guarda la URL en _reel_video_url y un título opcional en _reel_video_title. Si no hay URL, Reel no imprime un marco vacío.

Rendimiento y estabilidad visual

Section titled “Rendimiento y estabilidad visual”

El zoom y el lightbox parten de la galería existente, sin sustituir sus plantillas. El vídeo reserva un marco con proporción 16:9 para que el contenido no salte cuando se carga. Reel no ejecuta recursos en la tienda, categorías, carrito o checkout.

Accesibilidad

Section titled “Accesibilidad”

El lightbox se identifica como diálogo, mantiene el foco dentro mientras está abierto, se cierra con Escape y devuelve el foco al disparador. Los controles tienen etiquetas y foco visible. Reel también respeta prefers-reduced-motion.

Solapamiento con Polski

Section titled “Solapamiento con Polski”

Polski for WooCommerce incluye el mismo conjunto de funciones de medios dentro de sus módulos de escaparate. No actives Reel y ese módulo al mismo tiempo. Consulta otros módulos de escaparate y la guía de plugins independientes.

Siguientes pasos

Section titled “Siguientes pasos”