Bar Manager
From the left menu, navigate to MageComp > Free Shipping Bar Manager and click on the Add New Shipping Bar button.
General Settings

Status - You can enable or disable the Free Shipping Bar or Announcement Bar from here.
Title - You can set the title of the free shipping bar or announcement bar from here.
Store View - From this field, you can select the store view to show the free shipping bar or announcement bar.
Date From - In this field, set the starting date to display the free shipping bar or announcement bar.
Date To - In this field, set the ending date to display the free shipping bar or announcement bar.
Priority - In this field, set the priority of the free shipping bar or announcement bar.
Add Link to the Bar - Enable it to set the redirection link in the free shipping bar or announcement bar.
Link Address - Enter the URL for redirection.
Free Shipping Bar Settings

Bar Type - Select the Free Shipping Bar option to display it in the frontend.
Background Color - Set the background color of the free shipping bar according to your store theme.
Font Color - Set the font color of the free shipping bar according to your store theme.
Amount Color - Set the amount color of the free shipping bar according to your store theme.
Font Size - Set the font size of the free shipping bar according to your store theme.

Initial Message - In this field, you can set the initial message to show on the free shipping bar with {{minvalue}}.

In Progress Message - In this field, you can set the in-progress message to show on the free shipping bar with {{subtotal}}.

Achieved Message In this field, you can set the achieved message to show on the free shipping bar when the free shipping is achieved.

Enable Progress Bar - Set it to Yes to display a progress bar on the free shipping bar.
Progress Bar Initial Color - Set the initial color of the progress bar when it is less than 50%.
Progress Bar Middle Color - Set the middle color of the progress bar when it is more than 50%.
Progress Bar Complete Color - Set the complete color of the progress bar when the free shipping is achieved.
Progress Bar Template - Select the template for the progress bar.
Announcement Bar Settings

Bar Type - Select the Announcement Bar option to display it in the frontend.
Announcement Message - Set the announcement message to show on the announcement bar.
Announcement Font Color - Set the font color of the announcement bar according to your store theme.
Font Size - Set the font size of the announcement bar according to your store theme.
Announcement Background Color - Set the background color of the announcement bar according to your store theme.

Countdown Timer - Set it to Yes to display a countdown timer as a clock on the announcement bar.
Clock Background Color - Set the background color of the clock.
Clock Number Color - Set the number color of the clock.
Announcement Template - Select the template for the announcement bar.
Admin Grid
The admin view to manage the Free Shipping and Announcement Bars

Last updated