Announcement Bar
For Plain Jane, and Plain Jane Interactive
What You’ll Learn
How to enable and customize the announcement bar in Plain Jane
How to style it uniquely for different page types
Overview
The Announcement Bar is a small banner that appears at the top of your store. It’s a great place to display important messages like promotions, restocks, or store policies.
You can control whether this bar appears globally or on specific pages, and style it independently per page type.
How to Enable
In the Theme Editor, go to the Theme Settings tab
Scroll down to the Announcement Bar section
Toggle Show Announcement Bar to turn it on
💡 To show it on specific pages, enable these toggles:
Show Announcement Bar on Home Page
Show Announcement Bar on Collection Page
Show Announcement Bar on Product Page
Settings Reference
Message
Announcement Text: Add your announcement message (e.g., "FREE SHIPPING ALL WEEKEND")
Text Font Size: Adjust the size of the message text (in pixels)
Page-Specific Styling
Set different background and text colors per page type:
Home Page
Background Color
Text Color
Collection Page
Background Color
Text Color
Product Page
Background Color
Text Color
Default (Other Pages)
Background Color
Text Color
⚠️ These overrides apply only when the announcement bar is enabled on those specific page types.
Advanced Display Options
Enable Shadow: Adds a shadow behind the bar for better visibility
Enable Scrolling Text: Activates a ticker-style scroll animation
Float Announcement Bar: Keeps the bar fixed at the top while scrolling
Curve Announcement Bar Corners: Adds rounded edges to the bar
Enable Larger Announcement Bar: Increases the height for more impact
Best Practices
Keep the message short and action-driven
Match text/background contrast for readability
Use scrolling or floating options for urgent alerts
Need Help?
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
Last updated