> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/piano-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/piano-documentation/header/announcement-bar.md).

# Announcement bar

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

You can add an announcement bar to your online store to display important information about your store.

You can highlight the following information by adding an announcement bar:

* Any shipping delays or regions not accepting international shipments.
* Any new or updated policy pages.
* Any promotions are being offered at this time, such as sales or new gift cards.

<table><thead><tr><th width="287">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make section full width</td><td>By enabling this checkbox, you can make section in full width.</td></tr><tr><td>Show separator line</td><td>Enable this checkbox to show separator line below this section.</td></tr><tr><td>Show on home page only</td><td>Enable this checkbox to show this section in only home page.</td></tr><tr><td>Announce left content</td><td><p>Customization of the "Announce left content" in this section is as follows:</p><ul><li>Social icon</li><li>Menu link</li><li>None</li></ul></td></tr><tr><td>Announcement menu</td><td>Click on "Select menu" to add a menu in the announcement bar section.</td></tr><tr><td>Announcements</td><td><p><strong>Desktop font size</strong><br>You can adjust the font size and set it to the minimum size of “14px” and a maximum size of “26px.”<br><br><strong>Layout</strong></p><p>Customization of the text layout in the announcement bar section is as follows:</p><ul><li>Slider</li><li>Marquee</li><li>Auto rotate</li></ul></td></tr><tr><td>Marquee</td><td><strong>Marquee scroll direction</strong><br>Use of "Direction" allows the rotation of the "Text" from left to right and right to left.<br><br><strong>Speed</strong><br>Speed is used to customize the scrolling speed of the text in the section.<br><br><strong>Pause on hover</strong><br>Pauses any active animation when the user hovers over the element.</td></tr><tr><td>Change message every</td><td>Use the bar to set the auto-rotate time of the text. You can set a minimum of “3” seconds and a maximum of “9” seconds.</td></tr><tr><td>Country/region selector</td><td><strong>Enable currency switcher</strong><br>By enabling this checkbox, you can see country/region selector in the announcement bar section.<br><br><strong>Show country flag</strong><br>Enabling this feature will display flags next to country names.</td></tr><tr><td>Language selector</td><td>By enabling this checkbox, you can see Language selector in the announcement bar section.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li></ul></td></tr><tr><td>Mobile layout</td><td>Enable this checkbox to show announcement bar on mobile.</td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FvgHXYP3MH2J6GTvmhW68%2Fannouncement.png?alt=media&amp;token=92290e55-eb5d-4793-b330-eeff8e3771c5" alt=""><figcaption></figcaption></figure>

## Add an announcement&#x20;

Only one announcement bar section is available in the theme, but, there can be more than ten blocks in the announcement bar section with which you can add multiple announcement bars. Moreover, In the announcement bar section, you can only add announcement bar blocks.

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Icon</td><td><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Chat</li><li>Caret</li><li>Arrow</li></ul></td></tr><tr><td>Text</td><td>Enter text to display as a announcement bar text on the section.</td></tr></tbody></table>

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FqZwYL1s9dyPM2DNB0A40%2Fannouncement-block.png?alt=media&amp;token=79850aec-dbf5-4744-8f13-7b553ec6766c" alt=""><figcaption></figcaption></figure>