How to use EB Notification Bars

 

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!
Cookie Policy

This website uses cookies that are necessary to its functioning and required to achieve the purposes illustrated in the privacy policy. By accepting this OR scrolling this page OR continuing to browse, you agree to our privacy policy.