# Announcement Bar

> **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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/plain-jane-interactive/theme-settings/announcement-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.