Otro Diseño & Navegación

Banner de Categoría para PrestaShop 8

Banners visuales en tus listados de categoría, en la posición exacta que elijas.

DataFirefly Category Banner inserta un banner de imagen en la cuadrícula de productos de cualquier categoría de PrestaShop 8, después del producto N que elijas. Multilingüe, multitenda, reactivo a los filtros AJAX — sin tocar tu tema.

Multilingüe Multitenda Compatible AJAX PS 8.0+
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Banner personalizado en la parte superior de una página de categoría en PrestaShop 8
v1.0.0 · actualizado 2026-05-08
Qué hace

La versión corta.

01

Posición libre en la cuadrícula

Elige después de qué producto se inserta el banner — después del 4.º, el 8.º, el 12.º. Varios banners por categoría, cada uno en su propia posición.

02

Multilingüe y multitenda nativo

Imagen y texto alternativo configurables por idioma. Compatible con multitenda nativo de PrestaShop sin configuración adicional.

03

Reactivo a los filtros y a la paginación

El banner se reinsertar automáticamente después de cada actualización AJAX de la lista de productos: filtros de búsqueda por facetas, paginación, ordenación.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Banner de Categoría para PrestaShop 8, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

Coloca un banner exactamente donde quieras en la cuadrícula de productos

PrestaShop 8 no ofrece ninguna opción nativa para insertar contenido visual en medio de un listado de productos. DataFirefly Category Banner resuelve este problema: configura en el back-office en qué categoría debe aparecer el banner, después de qué número de producto, con qué imagen según el idioma activo, y listo. El banner se inserta en la cuadrícula exactamente donde lo has posicionado, tomando el mismo ancho que un producto o un ancho personalizado mediante clase CSS Bootstrap (col-md-6, col-md-12, etc.).

§ 02

Casos de uso típicos

Destacar una promoción o código de descuento en medio de un listado para captar la atención sin salir de la página de categoría. Presentar una nueva colección insertada visualmente entre los productos existentes. Mostrar visuales estacionales (rebajas, Navidad, vuelta al cole) que se integren de forma natural en la cuadrícula en lugar de aparecer como banners de ancho completo. Enlazar a una página CMS o landing page mediante un banner clicable. Adaptar el visual por idioma para mercados diferentes — imagen diferente en español y en inglés para la misma categoría.

§ 03

Compatible con filtros de búsqueda por facetas y paginación AJAX

En PrestaShop 8, los filtros de búsqueda por facetas y la paginación recargan la lista de productos mediante AJAX sin recargar la página. El módulo escucha el evento prestashop.updateProductList y reinsertar automáticamente los banners después de cada actualización del DOM, con un retraso de 100 ms para dejar que la cuadrícula se estabilice. El banner sigue visible independientemente del filtro activo o de la página de paginación.

§ 04

Ligero y sin impacto en el rendimiento

El CSS y el JavaScript del módulo se cargan solo en las páginas de categoría mediante hookActionFrontControllerSetMedia — no en todas las páginas de la tienda. Los datos de los banners se inyectan como JSON en la página solo cuando la categoría actual tiene banners activos. La inserción en el DOM se realiza en JavaScript puro, sin dependencia de jQuery ni de ninguna biblioteca de terceros.