Top Bar Notification for Magento 2
Instant Alerts ~ Better Engagement ~ Easy Customization
The Hikmadh Top Bar Notification for Magento 2 allows you to display important messages, offers, or announcements at the top of your store pages.
Whether it’s a promotion, update, or alert, this extension helps you grab customer attention instantly with a customizable notification bar—without affecting your website layout or performance.
✔ Display top bar notifications easily
✔ Show offers, alerts, or announcements
✔ Support for HTML and text content
✔ Customize colors and styles
✔ Control visibility by pages
The Hikmadh Top Bar Notification extension provides a simple way to communicate important information to your customers. With flexible content options and design settings, you can create eye-catching banners that improve engagement and user experience.
Key Features
Top Bar Notification Display: Show a notification banner at the top of all pages before any other content.
HTML & Text Content Support: Add rich HTML content or simple text messages based on your requirements.
Customizable Design Options: Control font size, background color, and text color to match your store design.
Page-Based Visibility Control: Show or hide notifications on specific pages using URL conditions.
Lightweight & Fast Performance: Display notifications without impacting your store speed or performance.
Flexible Use Cases: Use for promotions, alerts, announcements, or important updates.
Installation
System Requirements
Before installing the Hikmadh Top Bar Notification extension, ensure:
Magento 2.4.x
PHP 7.4 or higher
Upload Extension Files
Extract the extension package
Upload files to:
app/code/Hikmadh/TopBarNotification
Ensure folder structure remains intact
Enable the Module
Run the following Magento CLI commands:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush
Verify Installation
After installation:
Go to:
Stores → Configuration → Hikmadh → Top Bar Notification
Ensure the settings are visible.
Configuration
The Hikmadh Top Bar Notification extension allows you to fully customize notification content and visibility from the admin panel
General Settings
Extract the extension package
Upload files to:
app/code/Hikmadh/TopBarNotification
Ensure folder structure remains intact
Content Settings
Content Type
Choose between HTML or Text content.
HTML Content
Add custom HTML content for advanced design and styling.
Text Content
Enter simple text messages with adjustable font size.
Design Settings
Font Size
Set the font size for text notifications.
Background Color
Define background color using hex values.
Text Color
Set text color to match your branding.
Page Visibility Settings
Include Pages
Show notification only on selected pages using URL conditions.
Exclude Pages
Hide notification from specific pages if required.
Why Choose Hikmadh Top Bar Notification?
The Hikmadh Top Bar Notification extension is a simple yet powerful tool to communicate with your customers effectively. It helps you highlight important updates, promotions, and announcements in a clean and visible way. With easy customization and flexible display options, it ensures better engagement without affecting performance.