...

...

Highlight Features

Image RemovedImage Added

• Create/Edit one or multiple promo bars.
• Set the promo bar for the mobile view.
• Create/Edit Call-to-Action button for promo bars.
• Display promo bars on any page.
• Design promo bars easily with many options.
• Design button for promo bar.
• Put button to 1 of 3 positions on promo bar.
• Put promo bar to 1 of 4 possible positions on the web page.
• Use the WYSIWYG editor to edit the content of the bar.
• Set up sticky promo bars.
• Duplicate promo bars with ease.

...

Promo Bar extension allows the customer to create the promotion bar promo bar on the frontend with the call-to-action button, therefore, there are two main parts in the configuration: create a call-to-action button and set up a promotion promo bar.

Create Call-to-Action Buttons

...

 Go to Magenest Promo Bars > Manage Bars. To create a promotion barpromo bar, click on Add New Bar button. There are three configuration sections.

...

• Sliders: Create the slider for the promo bar. Click on Add Slider button to add more slider.
• Select one slider then click on Edit button under the Action column. Enter and modify the content for the slider on the Content field.
• Text size (px): Enter the size of the slider text. 
  Since the size in the Content filed is limited to 36pt, the Text Size field is added which allows unlimited font size (px). In case both font size settings are set up, the value in the text size (px) will be taken.
• Time life for Each Content (seconds): Set the time to switch the sliders.
• Text Color: Set the text color by choosing in the palette.
• Background Color: The background color of the promotion barpromo bar. In case you use the background image, this field is unnecessary and vice versa.
• Text Vertical Alignment: The slider content alignment on the promo bar (0px - 50px).

...

• Use same configuration as desktop: Choose Yes if the configuration for mobile is similar to the desktop configuration. 
• If choose No, set the configuration for the mobile bar setting with some fields below.
• Breakpoint: set the breakpoint. Mobile promotion bar promo bar style will be applied if the screen width is less than breakpoint value
• Mobile Bar Height: Adjust the tool to set the mobile bar height (0px - 150px).
• Mobile Background Image Setting: use the adjust tool to set for the the background image.
  
• Mobile Text Size(px): Enter the size of the slider text. 
• Mobile Text vertical alignment: The slider content alignment on the promo bar (0px - 50px).
• Mobile Position Button: Change the button alignment on the bar.
  
  
  
  

...

• Design Theme: The current website's theme.
• Assign to Store Views: Choose the store you want to display the promo bar.
• Sort Order: The order of the promotion bar promo bar with other widget in the same container.
• Page: Choose the specific page you want to display the promo bar or All pages.
• Container: Choose the position on the page where you want to put the promo bar.
• Sticky: Make the promo bar sticky when the user scrolls down on the page (Yes to Enable/ No to Disable).

...