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".
| Settings | Meaning |
|---|---|
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. |
| Settings | Meaning |
|---|---|
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). |
| Settings | Meaning |
|---|---|
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. |
| Settings | Meaning |
|---|---|
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. |
