Step 1: Install EB Notification Bars module
- Login to Joomla administrator panel and Go to Extensions -> Manage -> Install
- On the Installation Page, Select the "Upload Package File" Tab, Then Upload Downloaded Zip
Step 2: Go to EB Notification Bars Module
- Go to Extensions -> Modules
Step 3: Module Page
- Search for "EB Notification Bars" in the Search box and click on "EB Notification Bars" module to start editing
- On the Module Edit Page, Select Debug Position for Notification Bars module for display and Change status from Unpublished to Published
Menu Assignment
- Configure Page where you want to display EB Notification / Alert / Offer Bar
Module Settings
- Content Settings
- Notification Bar Button Text - Configure Button Text in Notification / Alert / Offer Bar Content without add any Style.
- Notification Bar Button Link - Configure Button Link, As you want on Button
- Notification Bar Button Link Target - Configure Button Link Target for open link into Same Tab or New Tab
- Notification Bar Button Position - Set Positon of Button like Right of Content, Left of Content, Bottom of Content or Top of Content
- Notification Bar Content Position - Set Position of Content like Left, Right or Center in Notification / Alert / Offer Bar
- Notification Bar Content - Set Content of Notification / Alert / Offer Bar. Which Content, You will notify your customers. (Can refer demo to see how each style looks with Back end Screenshot)
- Display Settings
- Notification Bar Position - Set Positon of Notification / Alert / Offer Bar like Bottom, Top, Right or Left, Where you want to set in your page.
- Notification Bar Width - Set Notification Bar Width Custom or Full Width, This option set only Bottom or Top Notification Bar Position. How much wide you display Notificaton Bar.
- Custom Width - Set Custom Width of Notification Bar. Add width with px or %, ex:300px or 40%.
- Custom Width Alignment - Set Custom Width Alignment, When you select Custom width of Notification Bar for Bottom or Top position of Notification Bar. Set Alignment like Left, Right or Center.
- Notification Bar Default State - Set Notification Bar Default State Open/Close. This option will set based on page load how to display Notification bar Default State Open/Close
- Do you want close button? - Set Yes/No. This fuctionality work on Show/Hide display Notification Bar.
- Close Button Text - Configure Close Button Text for diaplay any Text on Click Button. Default set Close sign for Notification Button
- Open Button Text - Configure Open Button Text for diaplay any Text on Click Button. Default set Arrow for Notification Button
Styling Options
- Notification Bar General Styling
- Notification Bar Style - Configure Flat/Shadow effect Style for Notification Bar
- Background Style - Set Notification Bar Background Based on Background Color / Background Image
- Background Color - Set Background Color of Notification Bar
- You can set also Gradient Background Color for Notification Bar
- Upload image - Upload Image for Notification Bar, This option show based on selected Background Style
- Text Color - Set Notification Bar Content Text Color
- Background Opacity - Set Notification Bar Background Opacity for Color/Image.
- Content Button Style
- Content Button Text Color - Configure Content Button Text Color
- Content Button Background Color - Configure Content Button Background Color
- Open/Close Button Background Color Style
- Button Background Color - Configure Open/Close Button Background Color
- Button Text Color - Configure Open/Close Button Text/Icon Color
- Button Hover Background Color - Configure Open/Close Button Hover Background Color
- Button Text Hover Color - Configure Open/Close Button Text/Icon Hover Color
- And you're done. Save the module and have a look at the front end!