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 / Padding Bottom | Determine the spacing of the section from its top and bottom sections separately. |
Block settings
[BLOCK] Announcement
| Settings | Meaning |
|---|---|
Text | Enter in the text to show. |
Color, Border Color, Background Color, Background Gradient | Paint the color to the button text, background, border for both normal states. |
[BLOCK] Countdown
| Settings | Meaning |
|---|---|
Top Message Text | Enter in the top message text. |
Countdown | Enter the due date for the countdown with the format: Example: 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
