Notification Bar Pro for Magento 2

Managing Groups

Groups are composed of different Notifications and represent a block of notifications at the home, product, category, CMS and additional pages. To check or modify groups, go to MARKETING ⟶ Notification Bar by Ulmod ⟶ Groups.

The store administrator can manage all the groups from the grid. To create a Group click "Create New Group" button. The Group contains four settings sections: General, Position, Slider, Notifications.

General

In the General section the following settings are available :

Enable Group - allows enabling or disabling the Group.

Name - enter the name of the Group for internal identification purposes.

Position

In the Position section, it's possible to set up the following :

Display On  enables to choose the type of pages to display the Group:

• Home Page - the Group, is displayed on the home page;
• Product Page - if selected, store administrator can specify a set of product attributes that define a target product page;
• Category Page - if selected, store administrator can specify a set of categories the Group should be displayed at;
• Custom Page (via Widget) - if selected, store administrator can create a widget and select appropriate Group to be displayed within.

Layout Position enables to choose the position of the group at the target page; store administrator can choose from Menu Top, Menu Bottom, Content top, Page bottom, Sticky Top, Sticky Bottom.

Slider

In the Slider section, the following settings are available :

Animation Effect - choose the notification animation on change. You can choose from Slide, Fade Out/In, or Scale;

Pause Time Between Transitions (in ms) - defines the interval between switching slides automatically. Set 0 to disables automatic rotation;

Notification Transition Speed (in ms) - defines the speed to switch notifications;

Stop Animation On Mouse Hover the Group - defines if the slide switching should stop upon the mouse hover;

Display Notifications Bar in Random Order - defines if the slides should be displayed randomly.

Display Navigation Arrows - enables or disables navigation arrows at the slider;

Display Navigation Dots - enables or disables navigation dots (pagination) at the slider;

Notifications

Here store administrator is suggested specifying notifications that will be in the Group.

Managing Notifications

To check or modify notifications, go to MARKETING ⟶ Notification Bar by Ulmod ⟶ Notifications

To create a Notification click "Create New Notification" button. 3 setting blocks represent the New Notification screen: General, Content, URL Options.

General

In this General section the following settings are available:

Name - defines the name of the Notification for internal identification purposes;

Enable Notification - allows enabling or disabling the Notification;

Assign to Group(s) - allows assigning the Notification to a particular group;

Customer Groups - select the customer groups the Notification will be displayed;

Store View - select store views the Notification will be displayed at;

Display From/To - allows Notification scheduling.

Content

In this section, the store administrator can choose the Content-Type to display the notification:

• Image - if selected, the store administrator can specify the image type (file or URL), image title and image alt to be displayed;
• Image and Countdown - if selected, store administrator can specify the image type (file or URL), image title, image alt, countdown position (left or right) and the end date of the countdown to be displayed. In the "Countdown To" field, enter the date in the following format 'YYYY/MM/DD';
• HTML - if selected, store administrator can define the HTML content to be displayed. The WYSIWYG editor allows to define any content, insert widget, image or variable;
• HTML and Countdown - if selected, store administrator can define the HTML content, countdown position (left or right) and the end date of the countdown to be displayed. In the "Countdown To" field, enter the date in the following format 'YYYY/MM/DD';

URL Options

In this section it's possible to set up the following:

URL - allows defining a destination URL;

Open URL in New Window - defines if the destination URL should be opened in a new browser window;

Add 'No follow' to URL - defines if rel="no follow" should be added to the destination URL.

 .uk-slidenav-contrast { color: #333; } .uk-dotnav-contrast>.uk-active>* { background: #333; } 

 .um-image-countdown { font-size: 12px; background-color: #f0f0f0; color: #333; } .um-image-countdown .um-countdown-timer .timer-clock { background-color: #f0f0f0; border-color: #333; color: #333; } 

 .um-html-countdown .um-countdown-timer .timer-clock, .um-html-countdown .um-html { background-color: #f0f0f0; } .um-html-countdown { font-size: 12px; color: #333; } .um-html-countdown .um-countdown-timer .timer-clock { border-color: #333; color: #333; } 

 .um-html-countdown { background-color: #f0f0f0; } .um-notifbar-block.um-html-content{ height: auto; font-size: 13px; background-color: #f0f0f0; color: #333; }