Blog navigation

Latest posts

Install Pushover on PrestaShop: Complete Guide (BdPushover Module)
Install Pushover on PrestaShop: Complete Guide (BdPushover Module)
84 views

Are you looking for a reliable solution to receive a push notification on your smartphone for a new PrestaShop order...

Lire la suite'
PromoBar – New PrestaShop Module: Customizable Announcement Banner, Lightweight and Without Dependencies
PromoBar – New PrestaShop Module: Customizable Announcement Banner, Lightweight and Without Dependencies
309 views

New October 17, 2025 by BeDOM – Web Solutions We are releasing PromoBar, an open-source module that displays an...

Lire la suite'
🐞 PrestaShop Bug Fix: What You Need to Know
🐞 PrestaShop Bug Fix: What You Need to Know
355 views

Discover how to effectively diagnose and fix a bug on PrestaShop. Common causes, debugging method, concrete examples,...

Lire la suite'
🛠️ WordPress Bug Fixing: Complete Guide to Solving Your Problems
🛠️ WordPress Bug Fixing: Complete Guide to Solving Your Problems
456 views

Discover how to master WordPress bugs with our comprehensive guide! Learn how to identify and fix common errors,...

Lire la suite'

PromoBar – New PrestaShop Module: Customizable Announcement Banner, Lightweight and Without Dependencies

Program Overview

Why an Announcement Banner?

A well-placed announcement banner is a discreet and non-intrusive way to highlight a key message: ongoing promotions, free shipping, events, service announcements, etc. Unlike pop-ups, it does not interrupt navigation: it accompanies your visitors and enhances discovery without friction.

PromoBar focuses on useful visibility: a short message, a clear call to action, controlled timing (dates and countdown) and simple customization to stay aligned with your style guide.

Module Features

Multilingual Message

Manage your announcements in multiple languages with secure mini-markup: **bold**, [link](https://…), line breaks.

Date Scheduling

Set a start and/or end date; the banner activates and stops automatically.

Countdown Timer

Enable a readable timer as soon as an end date is specified to create a controlled sense of urgency.

Action Button

Optional button with multilingual text, customizable URL (http/https), and colors (background, text, border).

Light Animations

Options include None, Horizontal Scrolling, Soft Pulsing, or Light Blinking — respecting "reduce motion" preferences.

No External Dependencies

No external fonts or scripts. Local font whitelist, just the necessary CSS/JS.

Useful Controls

  • Enable/Disable the banner from the admin panel.
  • Display Position: after opening (recommended) or displayTop.
  • “Close” Button with configurable cookie duration: 1, 3, 7, 15, 30, 90, 365 days.
  • Colors: banner background and text + button styles (background, text, border).
  • Font: selection from a local whitelist (no external loading).
  • Compatibility & Integration

    • PrestaShop: 1.7.x → 9.x
    • Hooks: displayAfterBodyOpeningTag and displayTop
    • Creative Elements: compatible
    • PHP: tested 7.4 → 8.4
    • Modern Themes: non-intrusive integration, no overload

    PromoBar adds no external dependencies and respects the browser's native accessibility preferences.

    Customization & Accessibility

    Maintain control: colors, font (whitelist), animations, and message formatting — without impacting performance. Effects automatically adjust if the user enables the reduce animations preference.

    Installation & Configuration

    1. Download promobar.zip from https://bedom.fr/en/plugins.
    2. Back-office: Modules > Module Manager > Upload a module, import the ZIP.
    3. Open the "PromoBar" configuration page, then:
      • Activate the banner and choose the position (after recommended).
      • Enter the multilingual message (**bold**, [link](https://…), line breaks).
      • Set the display dates and, if needed, the countdown.
      • Enable the action button (text, URL, colors).
      • Set the cookie duration for the “Close” button.

    Important: the root folder in the ZIP must be named promobar/ (identical to $this->name, otherwise PrestaShop refuses the installation).

    Download PromoBar

    Concrete Use Cases

    • Promotions: sales, flash sales, promo codes.
    • Seasonal Operations: holidays, back-to-school, Black Friday...
    • Service Info: shipping delays, exceptional closures, customer service.
    • Product Launch: "New Release" announcement with direct CTA.
    • Reassurance Message: free shipping, returns within X days, hotline.

    FAQ

    Is the banner displayed everywhere?

    Yes, depending on the chosen hook (after or displayTop), the banner appears across the entire site.

    Does the countdown timer work without an end date?

    No. The timer only activates if an end date is specified and stops automatically at the deadline.

    Can I disable animations?

    Yes. Choose "None". PromoBar also respects the system preference for "reduce motion".

    Does the module load external fonts?

    No. PromoBar uses a local font whitelist to preserve performance and privacy.

    Is the action button multilingual?

    Yes. The button text is multilingual, and its URL is fully customizable (http/https).

    Changelog

    v1.0.0 — Initial Stable Release

    • Configurable announcement banner (multilingual message, secure mini-markup).
    • Date scheduling and optional countdown.
    • Visual customization: colors, font (whitelist), light animations.
    • Action button (multilingual text, http/https URL, colors).
    • “Close” button with cookie duration (1 to 365 days).
    • Hooks: displayAfterBodyOpeningTag and displayTop.
    • No external dependencies, respects accessibility preferences.

    PromoBar is distributed under the MIT License. Developed by BeDOM – Web Solutions.

    Download the Module

Ce blog vous a-t-il été utile?
Posted in: PrestaShop Modules
I am Bertrand Domat, a Full-Stack Web Developer and founder of BeDOM – Web Solutions. Passionate about creating WordPress and PrestaShop sites, I have over ten years of experience in the development, maintenance, and optimization of digital projects. I place great importance on UX/UI, performance, and SEO, to provide users with a seamless experience and enhance online brands. Through this blog, I share my tips, tutorials, and best practices, to help you develop your business, gain visibility, and increase your sales online.

Leave a comment

Security code