Barra de anuncios & Cuenta atrás (dfannouncebar)
Instalar y configurar la barra de anuncios: rotación de mensajes, cuenta atrás {countdown}, segmentación por idioma/país/grupos y programación.
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
- En el back office, abre Módulos → Gestor de módulos → Subir un módulo.
- Sube el archivo
dfannouncebar.zipy haz clic en Instalar. - 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:SSy 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.