PS PrestaShop Principiante

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.

Actualizado Versión del módulo 1.0.0

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.
¿Te ha resultado útil esta página?

¿Sigues atascado? Contacta con soporte