Announcement Bar
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".
Section Settings
General
Settings | Meaning |
---|---|
Enable Announcement Bar | Toggle Announcement Bar |
Layout | Select layout Slider/Infinite Scrolling |
Enable Icon Close? | Enable icon close to show |
Select Image Background | Upload/Select an image as the section background |
Color Text | Apply a color to the text. |
Background Color | Set the background color for the section |
Background Gradient | Set the background gradient for the section |
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. |
Enable Arrow? | Toggle arrow. |
Content Max Width | Determine the maximum width of the content. |
Spacing
Settings | Meaning |
---|---|
Padding Top | Determines the height of the top inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Padding Bottom | Determines the height of the bottom inner space of the section. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Block Settings
[BLOCK] Announcement
Settings | Meaning |
---|---|
Text | Enter in the text to show. |
Color | The text color of the button. |
Border Color | The border color of the button. |
Background Color | The background color of the button. |
Background Gradient | The background gradient of the button. |
[BLOCK] Countdown
Settings | Meaning |
---|---|
Top Message Text | Enter in the top message text. |
Countdown | 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 |
Color Text | Apply a color to the text of countdown . |
Border Color | Apply a border color to the text of countdown. |
Background Color | Apply a background color to the text of countdown. |
Last updated