Vimeo Video Showcase - slider adaptable y lightbox con miniaturas automáticas

Un vídeo que lleva a Vimeo es un vídeo que pierde la venta

Los vídeos de producto, los tutoriales y las piezas de marca venden, pero solo mientras el cliente sigue en tu tienda. Este módulo consigue que se quede: los vídeos aparecen en un slider en tu página de inicio y, al hacer clic en uno, se abre un lightbox sobre la página en lugar de una pestaña nueva en vimeo.com.

Pega un enlace. Esa es toda la configuración.

• 1. Copia el enlace del vídeo desde la barra de direcciones o desde el botón Compartir de Vimeo.
• 2. Pégalo en "Add a video" y pulsa Añadir. La vista previa aparece en cuanto se reconoce el enlace.
• 3. No hay tercer paso: la miniatura y el título llegan de Vimeo automáticamente y el slider ya está funcionando en tu página de inicio.

Deja el título en blanco y se usará el propio título del vídeo en Vimeo. Se acepta cualquier formato de enlace: vimeo.com/…, player.vimeo.com/video/…, enlaces de canal, de grupo y de showcase, e incluso el ID del vídeo a secas.

Vídeos ocultos, sin tener que hacerlos públicos

Pega el enlace privado completo, el que lleva el código adicional después del número, y el vídeo se reproduce en tu tienda mientras sigue oculto en Vimeo. Es justo lo que necesitas para tutoriales, material exclusivo para clientes o cualquier contenido que aún no quieras publicar en un canal abierto.

Un lightbox, no un desvío

Los vídeos se abren en una capa sin distracciones, que se cierra con un clic o con la tecla Escape, y se reproducen en el modo Do-Not-Track de Vimeo (dnt=1). La reproducción automática del slider se detiene mientras hay un vídeo en marcha y mientras la pestaña del navegador está en segundo plano, así nada se mueve detrás del reproductor.

Un slider que se porta bien en cualquier pantalla

Elige cuántos vídeos van en una fila en escritorio, de uno a ocho; el slider muestra automáticamente un máximo de cuatro en escritorios pequeños, tres en tablets y dos en móviles, con deslizamiento táctil nativo. Las flechas y los puntos son opcionales, y ambos desaparecen solos cuando todos los vídeos ya caben en pantalla. La velocidad de la reproducción automática y la pausa al pasar el ratón son ajustes configurables.

Control por vídeo y por idioma

La lista Your videos te permite reordenar con las flechas arriba y abajo, ocultar un vídeo con un clic, editarlo o eliminarlo. Cualquier vídeo puede limitarse a un único idioma de la tienda o mostrarse a todo el mundo, algo muy útil cuando un tutorial solo existe en alemán o cuando una pieza de campaña es para un mercado concreto. Los vídeos cuyo idioma se haya eliminado después de la tienda quedan marcados para que puedas reasignarlos, en lugar de desaparecer sin avisar.

Ligero por diseño

Sin jQuery. Sin slick, sin plugin de modal-video, sin librerías externas, sin clave API. Un archivo CSS ligero y un archivo de código JavaScript ligero, que se cargan solo cuando hay algo que mostrar y con la versión del módulo en la URL para forzar la actualización de la caché, de modo que los cambios llegan a los visitantes recurrentes sin recargar a la fuerza.

Lo que corrigió la versión 2.0

Las versiones antiguas cargaban jQuery 1.10 desde una CDN en todas las páginas, enganchaban tanto header como displayHeader (con lo que los recursos se cargaban dos veces), dejaban que las URL vacías generaran diapositivas grises rotas y tenían una página de configuración que fallaba en las versiones modernas de PrestaShop. Todo eso ha desaparecido por diseño: nada de jQuery, cada guardado validado y redirigido, y ningún vídeo se puede guardar sin un enlace de Vimeo válido. Al actualizar, tus vídeos existentes se migran automáticamente: se extraen los ID, se vuelven a obtener las miniaturas y cualquier diapositiva antigua sin un vídeo válido se conserva marcada como Hidden en lugar de eliminarse.

Compatibilidad

PrestaShop 1.7, 8 y 9, en ocho idiomas: alemán, español, francés, inglés, italiano, neerlandés, polaco y turco. Al instalarse, el slider se engancha a displayHome, se muestra en cualquier hook de visualización si lo mueves desde Design → Positions y se puede colocar directamente en una plantilla con {widget name='vimeoslider'}. Al desinstalarlo se eliminan la tabla y los ajustes del módulo; tus vídeos en Vimeo no se tocan.

Preguntas frecuentes

¿Necesito una clave API de Vimeo?

No. Pega el enlace y el módulo obtiene por su cuenta la miniatura y el título.

¿Puedo usar vídeos ocultos?

Sí. Pega el enlace privado completo, con el código que va después del número del vídeo, y se reproducirá en tu tienda sin dejar de estar oculto en Vimeo.

¿Dónde se reproduce el vídeo?

En un lightbox sobre tu página, que se cierra con un clic o con la tecla Escape, así el cliente no sale nunca de la tienda.

¿Cuántos vídeos se ven a la vez?

Tú eliges entre uno y ocho por fila en escritorio; en tablets y móviles se muestran menos automáticamente, con deslizamiento táctil.

¿Se puede mostrar un vídeo solo en un idioma?

Sí. Cada vídeo puede limitarse a un único idioma de la tienda o mostrarse a todo el mundo.

¿Puedo poner el slider en otro sitio que no sea la página de inicio?

Sí. Muévelo o cópialo a cualquier hook de visualización desde Design → Positions, o colócalo en una plantilla con {widget name='vimeoslider'}.

Una miniatura sale como un recuadro oscuro, ¿qué hago?

Vimeo no respondió cuando el módulo se la pidió. Abre el formulario de edición del vídeo y pulsa Update video, y comprueba que el vídeo no sea privado; para los vídeos ocultos hace falta el enlace privado completo.