Use this file to discover all available pages before exploring further.
The announcement bar displays site-wide messages for promotions, shipping updates, or time-sensitive information. It supports carousel rotation between multiple slides, expandable dropdown cards for detailed content, and countdown timers.
The Announcement bar section is typically positioned at the top of your store. Look for it in the sections list or add it using the “Add section” button.
3
Add text slides
Click Add block and select Text slide to create announcement messages.
4
Configure content
Add your announcement text and optionally enable dropdown cards or countdown timers for enhanced functionality.
Choose which color scheme applies to the announcement bar background and text.Available options: Scheme 1, Scheme 2, Scheme 3, Scheme 4, InverseDefault: Scheme 1
Use a contrasting color scheme to make announcements stand out from the rest of your header.
The main announcement message displayed to visitors.Type: Rich textDefault: “Welcome to our store”Supports text formatting including bold, italic, and links. Keep messages concise for better mobile display.
For promotional messages, use action-oriented language and include a link to the relevant page or collection.
The dropdown cards feature allows you to add expandable detailed content beneath a single announcement message.
Dropdown cards only work when exactly one text slide block is present. Adding a second slide will disable this feature.
Show dropdown cards
Enable expandable dropdown menu containing up to 3 detailed cards beneath the announcement text.Type: CheckboxDefault: DisabledDropdown cards work well for multi-region shipping announcements, detailed sale terms, or store policies that need more space than the main bar allows.
Color scheme
Choose the color scheme for the dropdown menu. This can differ from the main announcement bar color scheme for visual hierarchy.Available options: Scheme 1, Scheme 2, Scheme 3, Scheme 4, InverseDefault: Scheme 1
Card 1
First dropdown card with title, content, button text, and destination URL.Card title (text): Heading displayed on the cardCard content (rich text): Detailed information or descriptionLink (text): Button text (e.g., “Shop now”, “Learn more”)URL (url): Destination when clicking the button
Keep card titles under 5 words for better scannability.
Card 2
Second dropdown card with the same configuration options as Card 1.Card title (text): Heading for second cardCard content (rich text): Additional detailsLink (text): Button labelURL (url): Button destination
Card 3
Third dropdown card with the same configuration options as Card 1 and Card 2.Card title (text): Heading for third cardCard content (rich text): Supporting informationLink (text): Call-to-action textURL (url): Link destination
You don’t need to fill all 3 cards. Leave cards empty to display fewer options.
Add urgency to announcements with time-based displays that count down to a specific deadline.
Enable countdown timer
Toggle the countdown timer display for this text slide.Type: CheckboxDefault: Disabled
Countdown timers add visual weight. Use sparingly and only for genuinely time-sensitive offers to maintain credibility.
Timer date and time
Set the exact date and time when the countdown reaches zero.Timer year (number): Year (e.g., 2024, 2025)Timer month (select): January through DecemberTimer day (range): 1-31Timer hour (range): 0-23 (24-hour format)Timer minute (range): 0-59Default: January 1, 2024 at 00:00
Timer extend
Automatically extend the countdown by a specified number of days after it expires. This creates a “rolling” promotion effect.Range: 0 – 30 daysDefault: 0 (no extension)
When timer extends, it resets to the specified number of days from the expiration time. Useful for ongoing promotions that reset daily or weekly.
Timer end message
Message displayed when the countdown reaches zero (if not extending).Type: Inline rich textDefault: “Sale has ended”Examples:
“Offer expired - Stay tuned for more!”
“Flash sale completed - Check back soon”
“Pre-order now closed”
Timer unit visibility
Control which time units are displayed in the countdown.Show timer days (checkbox): Display days remaining (default: enabled)Show timer hours (checkbox): Display hours remaining (default: enabled)Show timer minutes (checkbox): Display minutes remaining (default: enabled)Show timer seconds (checkbox): Display seconds remaining (default: enabled)
Showing seconds increases urgency but requires more visual attention. Use for flash sales under 1 hour. For multi-day promotions, showing only days and hours creates a cleaner display.
