PrestaShop Diseño & Navegación

Imagen al Pasar el Ratón e Insignias Automáticas PrestaShop

Hover + insignias inteligentes en tus listados

La segunda imagen al pasar el ratón y las insignias Nuevo, Oferta y Stock bajo que se activan solas, sin sobrescribir el tema.

De un vistazo
  • Muestra la segunda imagen del producto al pasar el ratón en todos los listados (categoría, búsqueda, inicio, novedades, rebajas, fabricante, proveedor).
  • Insignias automáticas Nuevo, Oferta y Stock bajo gobernadas por reglas configurables, sin trabajo manual.
  • Cero sobrescritura de plantillas: detección JavaScript de las miniaturas, compatible con el tema classic y los temas hijos.
  • Una única llamada AJAX agrupada por página e imagen de hover en carga diferida al primer paso del ratón.
  • Etiquetas multiidioma FR/EN/ES/DE/IT, colores y posición de las insignias totalmente configurables.
PrestaShop 8 & 9 Multitienda FR/EN/ES/DE/IT Independiente del tema Código fuente incluido
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Segunda imagen al pasar el ratón y distintivos automáticos en las miniaturas de PrestaShop
v1.0.0 · actualizado 2026-07-15
Qué hace

La versión corta.

01

Segunda imagen al pasar el ratón

El visitante pasa el ratón sobre una miniatura y descubre el segundo visual del producto (otro ángulo, puesto, un detalle). Efecto fundido, fundido + zoom o instantáneo, a elegir. Los productos con una sola imagen se omiten automáticamente.

02

Insignias que se activan solas

Nuevo según la antigüedad del producto, Oferta en cuanto hay un precio específico activo (con visualización opcional del porcentaje), Stock bajo por debajo de un umbral que tú fijas. Sin introducir datos producto por producto.

03

Pensado para el rendimiento

Una única petición AJAX agrupada obtiene los datos de toda la página. La imagen de hover solo se carga al primer paso del ratón: sin desperdiciar ancho de banda en la carga.

04

Sin tocar tu tema

No se sobrescribe ningún archivo de plantilla. El módulo detecta las miniaturas en JavaScript y se readapta automáticamente tras la navegación por facetas y la paginación AJAX.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Imagen al Pasar el Ratón e Insignias Automáticas PrestaShop, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

Una ficha de producto más viva ya desde el listado

En una tienda, la página de listado suele ser el primer punto de contacto con el producto. Al mostrar la segunda imagen al pasar el ratón, revelas otro ángulo, una prenda puesta o un detalle sin que el visitante tenga que hacer clic. El resultado: páginas de categoría más atractivas y un recorrido de compra más fluido. El efecto funciona en todos los listados de la tienda: categoría, búsqueda, inicio, novedades, rebajas, páginas de fabricante y proveedor.

§ 02

Insignias que se activan solas

Se acabó gestionar las destacadas producto por producto. El módulo aplica automáticamente una insignia Nuevo según la antigüedad del producto, una insignia Oferta en cuanto hay un precio específico activo — con la visualización opcional del porcentaje de descuento — y una insignia Stock bajo cuando la cantidad disponible cae por debajo del umbral que has definido. Cada insignia se puede activar de forma independiente, con sus propias etiquetas multiidioma, color de fondo y color de texto.

§ 03

Pensado para el rendimiento

El módulo no multiplica las peticiones: una única petición AJAX agrupada obtiene los datos de todos los productos visibles en la página, por lotes. La imagen de hover solo se descarga al primer paso del ratón, lo que evita recargar la carga inicial de la página. En móvil táctil, el cambio de imagen al pasar el ratón se desactiva automáticamente.

§ 04

Compatible sin tocar tu tema

No se sobrescribe ningún archivo de plantilla. El módulo localiza las miniaturas de producto directamente en JavaScript, lo que lo hace compatible tanto con el tema classic como con los temas hijos. Se readapta automáticamente cuando la lista se regenera por la navegación por facetas o la paginación AJAX. La instalación se hace en unos clics y toda la configuración se ajusta desde una página de administración clara.