# Announcement bar

### Configure the announcement bar

Select the customize theme option. Click on the dropdown menu at the top of the page to select the **Home page** templat&#x65;**.**

From the left side menu, select the **Announcement bar.**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="264"></th><th></th></tr></thead><tbody><tr><td>Announcement bar</td><td><strong>Show on home page only</strong><br>Select the checkbox to show the announcement bar on the home page only.<br><br><strong>Auto rotate</strong><br>Select/deselect the checkbox to enable/disable the auto-rotation of the announcements.<br><br><strong>Change slides every</strong><br>Adjust the slider to set the auto rotation speed of announcements.</td></tr><tr><td>Image</td><td><strong>Height</strong><br>Select the image height from the following options:<br>-Adapt to image<br>-Landscape<br>-Portrait<br>-Square</td></tr><tr><td>Contact info</td><td><strong>Show info</strong><br>Select the checkbox to show the contact info added in the below text.<br><br><strong>Text</strong><br>Add the contact information text.</td></tr><tr><td>Social media icons</td><td>Desktop layout<br><br>Social media icons<br><strong>Show social media icons</strong><br>Select this checkbox to show social media icons.<br><em>(Note: To display your social media accounts, link them in your theme settings -> social media.)</em><br><br>Language selector<br><strong>Enable language selector</strong><br>Tick this checkbox to enable the language selector in the announcement bar.<br>For it's setup, refer to the <a href="https://help.shopify.com/en/manual/markets/languages/manage-languages">help docs.</a><br><br>Currency selector<br><strong>Enable currency converter</strong><br>Tick this checkbox to enable the currency convertor in the announcement bar.<br>For it's setup, refer to the <a href="https://help.shopify.com/en/manual/payments/shopify-payments/selling-and-getting-paid-in-different-currencies">help docs.</a></td></tr><tr><td>Colors</td><td><p><strong>Left side</strong><br><strong>Background style</strong> </p><p>Select the background style from the given options:</p><p>-Solid</p><p>-Gradient <br><br><strong>Solid</strong><br>Select any color for the solid background.<br><strong>Gradient</strong><br>Select any color for the gradient background.<br><strong>Text</strong><br>Select any color for text. <br><br><strong>Toggle</strong><br><strong>Background</strong><br>Select any color for the background.<br><strong>Text</strong></p><p>Select any color for the text. <br><br><strong>Link</strong><br><strong>Text</strong></p><p>Select any color for the text. <br><strong>Hover</strong></p><p>Select any hover color. <br><br><strong>Right side</strong><br><strong>Background</strong><br>Select any color for the background.<br><strong>Text</strong></p><p>Select any color for the text. <br><br><strong>Link</strong><br><strong>Text</strong></p><p>Select any color for the text. <br><strong>Hover</strong></p><p>Select any hover color. </p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="269"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Text</td><td>Add any promotional or important text.</td><td></td></tr><tr><td>Collapsible content</td><td><strong>Enable toggle</strong><br>Tick this checkbox to show the toggle button, which slides down and shows below selected content.<br><br><strong>Toggle button label</strong><br>Enter any text to appear as the toggle button label.<br><em>Note: This text is mandatory to show the collapsible content below.</em><br><br><strong>Subheading</strong><br>Enter any text to show as a subheading.<br><br><strong>Heading</strong><br>Enter any text to show as a heading.<br><br><strong>Description</strong><br>Enter any text to show as a description.<br><br><strong>Content alignment</strong><br>Select the content alignment options from:<br>-Left<br>-Center<br>-Right<br><br><strong>Image</strong><br>Select any image.<br><br>Button<br><strong>Label</strong><br>Enter the button label.<br><br><strong>Link</strong><br>Enter a link to redirect the button.<br><br><strong>Size</strong><br>Select the button size from the following:<br>-Small<br>-Medium<br>-Large<br>-Extra large</td><td></td></tr></tbody></table>


---

# 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://shinedezign.gitbook.io/starlite-documentation/overview/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.
