Announcement Bar
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Announcement bar".
Layout
Select the layout for the announcement bar. There are 2 options:
Slider
Infinite scroll
Show close icon
Choose to show the close icon for the announcement bar. Note: Only applicable when the layout setting is set to slider.
Select image background
Upload/Select an image as the section background
Text color - Background - Background gradient
Set the color, background, and border color of the text.
Font size
Determine the font size of the text.
Font style
Select the font style of the text.
Font weight
Select the font weight of the text.
Show navigation arrows
Show arrows for the announcement bar. Only applicable to the slider announcement bar with at least 2 announcement texts.
Maximum content width
Determine the maximum width of the content.
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Text
Fill the text you want to show for the announcement. You can use the plain text or html text if you want to style it with your own code.
Color
The text color of the button.
Border Color
The border color of the button.
Background
The background color of the button.
Background gradient
The background gradient of the button.
Top message text
Fill the text you want to show for countdown.
Countdown end date
Enter the due date for the countdown with the format: yyyy/mm/dd hour/minute/second. Example: 2025/12/4 0:0:00 or Dec 31, 2022 18:00:00
Text color
Apply a color to the text of countdown.
Border color
Apply a border color to the text of countdown.
Background
Apply a background color to the text of countdown.
