Announcement bar
Use the "Announcement bar" to post any important information or eye-catching slogans to engage with the customers.
Announcement bar
Show bar
Tick the checkbox to display the Announcement bar at the very top of a page. The same bar will be displayed throughout the store.
Mobile slider autoplay interval
To control the interval of changing announcements from one to another, use the "Mobile slider autoplay interval" scale to set the time limit from 2 to 10 seconds.
Tip: Type any text in the provided fields to display an announcement on the desktop and mobile. The announcement bar can show up to three columns with different information on the desktop if you fill in the text fields for each section described below. Using two or more sections in the bar activates the slider effect on mobile.
First section - Third section
In the "Heading" and "Text" fields, place any promotional information such as discounts, sales, contacts, campaigns, or announcing new features/products.
If required to direct customers to another page by pressing the text in the bar, use the "Link" resource selector to add a page URL. Once a link redirection is specified in the field, a navigation arrow will appear for the corresponding section upon mouse hover.
Colors
Change the top bar colors using the "Background", "Text", "Icon", and "Border" pickers.
Background
Use the given item to change the background color of the announcement bar.
Text
This item allows you to set the text color in the bar.
Icon
The background color of the arrow can be modified using the "Icon" color picker.
Border
To highlight the bar, define the color of the border.
In the following examples, you can see the previously mentioned settings:
Last updated