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

  1. In the Theme Editor, go to the Theme Settings tab

  2. Scroll down to the Announcement Bar section

  3. 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?

  • 💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

Last updated