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 between announcement changes, use the "Mobile slider autoplay interval" slider to set a duration between 2 and 10 seconds.
Tip: Type any text in the provided fields to display an announcement on the desktop and mobile. On the desktop, the announcement bar displays up to three columns with various information if you fill in the text fields for each section, as 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 promoting new features/products.
If required, directing 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 when the mouse hovers.
Colors
Change the top bar colors using the "Background", "Text", "Icon", and "Border" pickers.
Background
Use the provided item to change the announcement bar background color.
Text
This item allows you to set the text color in the bar.
Icon
The arrow background color can be modified using the "Icon" color picker.
Border
To highlight the bar, define the border color.
In the following examples, you can see the previously mentioned settings:
