Announcement Bar Documentation



  1. Download the add-on
  2. Go to Admin panel > Add-ons > Manage Add-ons
  3. Click on [+] to open upload modal window
  4. Please choose whatever is comfortable to you:
    Local: zip archive is saved on your computer
    Server: zip archive is uploaded on your server
    URL: you have a direct link to the zip archive
  5. After you selected the zip archive corresponding to your current version of CS-Cart please click Upload & install


  1. Open add-on settings page Admin panel > Add-ons > Manage Add-ons >
    [TH] Announcement Bar
  2. In Activation tab insert License key
  3. Save the settings and go back to Manage Add-ons page
  4. In same line with the name of the add-on, click Active
  5. Clear cache, choose Administration > Storage > Clear cache

Make sure that the add-on status is Active

That’s all, the add-on is installed


To change add-on settings: Go to Admin panel > Add-ons > Manage Add-ons
Press [gear] and choose Global Settings

In the layouts, you do not need to fill anything, the banner begins to appear as soon as the add-on is enabled, during the period specified in the settings.

Desktop view and tablet view – a banner that is displayed in front of all the content of the site
Mobile view – a banner that needs to be uploaded if you want to have a different image on the mobile phones
Available with and Available by – the dates on which the banner will be displayed. To start showing banner you need to fill in both fields
Background colors – the color that fills the space on the sides of the banner if the image is smaller than the screen width
Link – the link to which the redirection will be carried out if you click on the banner
Open in new tab – select if you want the link to open in a new window

Change styles

Style files add-on should not be changed, this can lead to incorrect work of the add-on. If there was a need to redefine or add styles, please use Theme editor for this

  1. Go to Design > Themes
  2. Press Visual Editor in front of the currently active layout
  3. In the new tab, you will see your shop with Theme editor panel
  4. In CUSTOMIZE selector choose Custom CSS
  5. In textarea you can add your styles
  6. After editing save your changes by pressing Save and press [X] to close editor


2.00 (14 Feb 2024)
Added multilingual support
Browser-based lazy load
[!] A reinstallation is required

1.02 (28 Mar 2021)
Integrated the update system through the Upgrade center

1.01 (18 Dec 2020)
Updated the add-on for compatibility with CS-Cart 4.12.1
Added support for CS-Cart Multivendor Ultimate

1.00 (07 Nov 2019)
5% Discount
No prize
Next time
10% Discount
15% Discount
No Prize
No luck today
50% Discount
No prize
Get your chance to win a price!
Enter your email address and spin the wheel. This is your chance to win amazing discounts!
Our in-house rules:
  • One game per user
  • Cheaters will be disqualified.