Announcement bar
sections/announcement-bar.liquid
Settings
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Enable | enable | On/off | On | |
| Show only on home page | show_only_homepage | On/off | Off | |
| Enable sticky bar | enable_sticky | On/off | Off | |
| Show social icons | show_social_icons | On/off | Off | |
| Colors | ||||
| Background color | bg_color | Color | #1C1C1C | |
| Text color | text_color | Color | #FFFFFF | |
| Text link color | text_link_color | Color | ||
| Menu | ||||
| Menu | menu | Menu picker | Only the first level of the selected menu is shown. | |
| Link 1 | link_1 | Link | ||
| Link 1 label | link_1_label | Text | ||
| Link 2 | link_2 | Link | ||
| Link 2 label | link_2_label | Text | Links will appear inside the mobile menu on smaller screens. | |
| Desktop position | desktop_position | Dropdown | right | Options: Left, Right. |
| Menu alignment | menu_alignment | Dropdown | right | Positions the menu and quick links relative to the country/language selector. Options: Left, Right. |
| Language and currency | ||||
| Enable country/region selector | enable_country_selector | On/off | Off | To add a country/region, go to your payment settings. |
| Enable language selector | enable_language_selector | On/off | Off | To add a language, go to your language settings. |
| Alignment | selector_alignment | Dropdown | right | Options: Left, Right. |
| Carousel | ||||
| Enable carousel on desktop | enable_carousel_desktop | On/off | On | Slideshow is the default mobile layout. |
| Auto-switch bar | auto_switch | On/off | On | |
| Change bar every | change_interval | Slider | 5 | Make sure Auto-switch bar is on. Range: 3–10 step 1. |
| Show navigation | show_navigation | On/off | On | |
| Style | ||||
| Announcement bar text size | text_size | Slider | 100 | Scales the message, countdown, button, menu, and country/language selector together. Range: 50–200 step 5. |
| Custom CSS | ||||
| Custom CSS | custom_css | Multi-line text |
Blocks
Announcement (announcement)
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Icon | icon | Dropdown | none | Options: None, Activity, Archive, Arrow down circle, Arrow left, Arrow left circle, Arrow right, Arrow right circle, Arrow up circle, Chevron left, Trending down, TV, Trending up, Zap, 1st medal, Award, Bicycle, Box, Briefcase, Calendar, Camera, Chat bubble, Check mark, Clock, Cloud rain, Coffee, Coin, Credit card, Delivery truck, Dollar sign, DNA, Dark mode, Earth, Eye, Feather, Fire, Flower, Free delivery, Gift, Globe, Heart, Help, Hot sale, Iron, Information, Leaf, Lock, Light mode, Map pin, Megaphone, Message text, Music, Moon, Packages, Pants, Percent, Piggy bank, Plane, Planet, Question mark, Rocket, Rulers, Scissors, Settings, Shirt, Shop, Shopping bag, Shopping cart, Smile, Star, Sun, Support, Tag, Telephone, Truck, Wallet, Washing, Water, Yoga. |
| Custom icon (SVG code) | custom_icon_svg | Multi-line text | Overrides the icon selected above. Paste raw SVG markup. | |
| Text | text | Text | Free shipping on orders over $50 | Optional: type {count_down} anywhere here to position the countdown inline. Otherwise, enable it below and it will show automatically at the end. |
| Link | link | Link | ||
| Open this link in a new window | link_new_tab | On/off | Off | |
| Button | ||||
| Button label | button_label | Text | ||
| Button link | button_link | Link | ||
| Open this link in a new window | button_new_tab | On/off | Off | |
| Button style | button_style | Dropdown | primary | Options: Primary, Text link with arrow. |
| Button colors | ||||
| Text link color | text_link_color | Color | ||
| Button color | button_color | Color | ||
| Button text color | button_text_color | Color | ||
| Countdown timer | ||||
| Enable countdown | enable_countdown | On/off | Off | Shows automatically at the end of your message. To position it inline instead, type {count_down} anywhere in the Text field above. |
| Countdown type | countdown_type | Dropdown | standard | Standard timer counts down to a set end time. Evergreen timer automatically restarts from the beginning for each visitor, forming a continuous loop. Options: Standard timer, Evergreen timer. |
| Evergreen duration | evergreen_duration | Slider | 60 | Used only when Countdown type is Evergreen timer. Range: 15–1440 step 15. |
| End date | ||||
| Time zone | end_timezone | Dropdown | +00:00 | Set up the exact time to stop the countdown. Used only when Countdown type is Standard timer. Options: GMT -12:00, GMT -11:00, GMT -10:00, GMT -9:00, GMT -8:00, GMT -7:00, GMT -6:00, GMT -5:00, GMT -4:00, GMT -3:00, GMT -2:00, GMT -1:00, GMT +0:00, GMT +1:00, GMT +2:00, GMT +3:00, GMT +3:30, GMT +4:00, GMT +5:00, GMT +5:30, GMT +5:45, GMT +6:00, GMT +7:00, GMT +8:00, GMT +9:00, GMT +9:30, GMT +10:00, GMT +11:00, GMT +12:00, GMT +13:00, GMT +14:00. |
| Year | end_year | Number | 2026 | |
| Month | end_month | Dropdown | 12 | Options: January, February, March, April, May, June, July, August, September, October, November, December. |
| Day | end_day | Dropdown | 31 | Options: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31. |
| Hour | end_hour | Dropdown | 23 | Options: 12 AM, 01 AM, 02 AM, 03 AM, 04 AM, 05 AM, 06 AM, 07 AM, 08 AM, 09 AM, 10 AM, 11 AM, 12 PM, 01 PM, 02 PM, 03 PM, 04 PM, 05 PM, 06 PM, 07 PM, 08 PM, 09 PM, 10 PM, 11 PM. |
| Minute | end_minute | Dropdown | 45 | Options: 00, 15, 30, 45. |
| Timing | ||||
| Announcement read time | read_time | Slider | 8 | Range: 3–15 step 1. |
| Custom CSS | ||||
| Custom CSS | custom_css | Multi-line text |
Presets
Available in Add section: Announcement bar