Product Help Documentation - NopAdvance

NopAdvance Store

Plugin Guide - Hello Bar - Hello Bar

Buy Now

Table of contents

Configure 

This plugin is delivered with the NopAdvance Core plugin on which this plugin is dependent. You need to install the plugin using the plugin installation guide provided here.

Once the plugin has been installed, you will see the plugin menu under NopAdvance > Plugins > Hello Bar in your nopCommerce admin menu, similar as displayed in the below image.

hello bar plugin page

Click on Configure menu item from the Hello Bar menu as displayed above and you will be redirected to the plugin Configuration page.

Once you click on the configure menu item, it will display the configuration page as shown in the image below. 

hello bar configure

The settings from the configuration page are explained below:

  • Enable: Select this setting to enable the Hello Bar plugin on your nopCommerce website store.
  • Cache hello bar widgets: Enabling this setting will help in improving website performance.

Hello Bar (Back to top)

Once clicked on the Hello bars menu item, it will display the Hello bars page as shown in the image below: 

hello bar search panel

On the Hello bars page, a search panel is available to search hello bars & list of existing hello bars.

Add a new Hello Bar (Back to top)

Once you clicked on Add New button, it will display the Add a new hello bar as shown in the image below.

hello bar add new hello bar

 

The settings on add a new hello bar is explained below: 

  • Name: Define a friendly name for the Hello Bar. 
  • Widget zone: Select the widget zone to display the Hello Bar on the public store.
  • Content: Add description for hello bar. You can also add clickable links in the description of Hello Bar. 
  • Marquee enabled: Check to enable marquee for the hello bar. 
    • Marquee direction: Once Marquee is enabled, you can define the direction for marquee flow from the options available. 
  • Background color: Set background color for the Hello Bar. This would help you to highlight your content. 
  • Height: Define the height for the hello bar. (Note: Add height in pixel.)  
  • Start date: Select the start date and time to publish the hello bar on your nopCommerce store.
  • End Date: Select the end date and time to end the hello bar on your nopCommerce store.
  • Display order: Add the display order of the hello bar for the public store.
  • Published: Check for publishing and unpublishing Hello bar.
  • Limited to stores: Select any store for which you wish not to display a Hello bar.
  • Limited to customer roles: Select a customer role for whom you wish not to display a Hello bar. 
  • In the end, don’t forget to Save all your settings.

Search Hello Bar (Back to top)

Once you clicked on the Hello Bars menu, you can see the Search panel as shown in the image below: 

hello bar search hello bar

The above field is explained below:

  • Name: Enter the name of the Hello bar you want to search and click on the “Search” button.
  • Widget zone: Search a Hello bar by its widget zone. By default, it will be selected as “All”, which means all existing hello bar details will be displayed in the grid section. 
  • Start date/End date: Add the start date and end date to the search Hello bar.

Edit an Hello Bar (Back to top)

Once you clicked on the Hello bars menu, you can see an edit button on a hello bar as shown in the image below: 

hello bar edit an hello bar

  • Click on the edit option on a Hello Bar you want to edit and make needed changes. 
  • Then click on the Save button.