# Announcement bar

The **Announcement Bar** is located at the top of every page, above your site's header and logo.

With its eye-catching position on your storefront, it's the perfect place to display important information and incentives for your customers, such as:

* **Announcements**
* **Promotions**
* **Sales**
* **News**

### **Getting Started**

You can customise your annocument bar by the following steps from your Shopify dashboard:

1. Go to `Online Store` → `Themes` → `Customise`
2. By default, the Sections panel will be loaded on page load.
3. Select `Announcement bar` at the top of the panel, just above the Header section

#### Here you can change the following options;

* Show/hide the announcement bar
* Show the announcement bar on the homepage only or all pages
* Set the announcement text to autoplay when you have more than 1 announcement
* Set the transition speed of each text block to slide in from the right
* Update the announcement bar text and assign an optional link

#### How to add multiple announcements?

Announcements are added using blocks, you can add multiple announcements by clicking 'Add Announcement'

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2FlPuc6viHIQKYuptqQdSK%2Fannoucement-bar.png?alt=media&#x26;token=65d1e759-e458-4d53-952d-420244ca6a42" alt=""><figcaption></figcaption></figure></div>

Now that you have created a second announcement , you can customise the text and setup autoplay and control the speed of each transition.

#### How to do i change the color of the Announcement bar?

* You can change the backgorund and text colors directly in the section
* The background color will change the entire content blocks color, while the font color will change the text only.&#x20;
* Save your changes, then your done.

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2FBGVun7cTdYJwc1jBZZwV%2Fannouncement-COLORS.png?alt=media&#x26;token=b64eaa4f-538f-4f73-81fe-9530ad99fbd1" alt=""><figcaption></figcaption></figure></div>


---

# 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://erickson.gitbook.io/themes/erickson/sections/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.