# Barra de anuncios & Cuenta atrás (dfannouncebar)

> Presentación El módulo dfannouncebar añade una barra de anuncios inteligente a tu tienda PrestaShop 8 o 9: varios mensajes en rotación en la misma barra, una cuenta atrás en vivo,…

- Página: <https://www.datafirefly.com/es/documentation/dfannouncebar/>
- Idioma: es
- Actualizado el: 2026-07-16
- Otros idiomas: [fr](https://www.datafirefly.com/documentation/dfannouncebar/index.md), [en](https://www.datafirefly.com/en/documentation/dfannouncebar/index.md), [de](https://www.datafirefly.com/de/documentation/dfannouncebar/index.md), [it](https://www.datafirefly.com/it/documentation/dfannouncebar/index.md), [pl](https://www.datafirefly.com/pl/documentation/dfannouncebar/index.md), [nl](https://www.datafirefly.com/nl/documentation/dfannouncebar/index.md), [pt](https://www.datafirefly.com/pt/documentation/dfannouncebar/index.md)
- Índice: <https://www.datafirefly.com/es/documentation/llms.txt>

## Presentación

El módulo **dfannouncebar** añade una barra de anuncios inteligente a tu tienda PrestaShop 8 o 9: varios mensajes en rotación en la misma barra, una cuenta atrás en vivo, segmentación por idioma, país y grupo de clientes, programación por fechas y un botón de cierre memorizado por cookie. Hay tres ubicaciones disponibles: parte superior, superior fija (sticky) e inferior fija.

## Instalación

1. En el back office, abre **Módulos → Gestor de módulos → Subir un módulo**.
2. Sube el archivo `dfannouncebar.zip` y haz clic en **Instalar**.
3. Haz clic en **Configurar** para abrir la página del módulo.

Durante la instalación, el módulo crea una **barra de ejemplo inactiva** con un mensaje multilingüe (código HELLO10 y cuenta atrás a 7 días): actívala para ver el resultado de inmediato y luego adáptala o elimínala.

Sin dependencias: sin Composer, sin jQuery. El JS y el CSS del módulo solo se cargan en el front si hay al menos una barra activa.

## Configuración general

La página de configuración contiene un ajuste global: el **hook de anclaje** de la ubicación «parte superior».

- **displayBanner** (por defecto): posición estándar sobre el header en el tema Classic.
- **displayTop**: alternativa si tu tema no declara displayBanner.

Una protección interna evita cualquier doble visualización si tu tema ejecuta ambos hooks. Las ubicaciones fijas (superior fija e inferior fija) no dependen de este ajuste.

## Crear una barra

Desde la página de configuración, haz clic en **Gestionar barras**. Cada barra tiene:

- **Ubicación**: parte superior, superior fija (sigue el desplazamiento) o inferior fija. El módulo compensa automáticamente el padding de la página en las posiciones fijas.
- **Prioridad**: si varias barras apuntan a la misma ubicación, solo se muestra la de menor valor de prioridad.
- **Colores**: fondo y texto, aplicados mediante variables CSS.
- **Rotación**: intervalo en segundos entre dos mensajes. La rotación se pausa al pasar el ratón.
- **Cierre**: botón de cierre opcional; la duración de la cookie (en horas) define cuándo vuelve a aparecer la barra.
- **Programación**: fecha de inicio y de fin en formato AAAA-MM-DD, autocompletadas a 00:00:00 y 23:59:59.
- **Tienda**: en multitienda, una barra puede ser global o limitarse a una tienda.

## Mensajes y cuenta atrás

Desde la lista de barras, la acción **Mensajes** abre los mensajes de la barra. Cada mensaje es **multilingüe** e incluye:

- **Texto**: el contenido mostrado. Inserta el marcador `{countdown}` donde deba aparecer el cronómetro.
- **Fecha límite**: el objetivo de la cuenta atrás, mostrada en formato `Xd HH:MM:SS` y actualizada cada segundo (la etiqueta de los días es traducible).
- **Ocultar al expirar**: el mensaje desaparece automáticamente al vencer, en el navegador y en el servidor (nunca se sirve HTML muerto).
- **Botón de acción**: texto y URL opcionales, mostrado en estilo píldora.
- **Orden**: posición del mensaje en la rotación.

Ejemplo: «Rebajas de verano: -20 % con el código HELLO10 — termina en {countdown}». Si todos los mensajes de una barra expiran, la barra se retira sola.

## Segmentación

Cada barra puede restringirse por:

- **Idiomas**: la barra solo se muestra para los idiomas seleccionados.
- **Países**: basado en el país del contexto PrestaShop; la precisión mejora si la geolocalización IP está activada en **Internacional → Localización**.
- **Grupos de clientes**: visitantes, invitados, clientes o cualquier grupo personalizado (VIP, B2B…).

Un campo vacío significa «todos». Los tres criterios se combinan.

## Solución de problemas

- **La barra no aparece en la parte superior**: probablemente tu tema no declara displayBanner; cambia el hook de anclaje a displayTop en la configuración.
- **La barra no aparece en absoluto**: comprueba que está activa, que la programación cubre la fecha de hoy, que la segmentación coincide con tu perfil de prueba y que ninguna barra de menor prioridad ocupa la misma ubicación. Piensa también en la cookie de cierre: abre una ventana de navegación privada.
- **La cuenta atrás no aparece**: asegúrate de que el mensaje contiene `{countdown}` y de que hay una fecha límite futura definida.
- **Aparecen dos barras arriba**: puede que el hook de anclaje se cambiara mientras una caché de página servía la versión antigua; vacía la caché de PrestaShop.