> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/news-drawer.md).

# News drawer

A slide-out panel for sharing news, promotions, and featured products with your visitors. Opens when they click the news icon (bell or fire) in the header. Think of it as a mini-blog or announcement feed built right into your store's navigation.

<figure><img src="/files/gdQBaJ0ZDWYi8UYUFS9T" alt=""><figcaption></figcaption></figure>

***

### How to find

**Theme Editor → More header sections → News Drawer**

<figure><img src="/files/75vpLZfJJoRnyKdn7yrk" alt=""><figcaption></figcaption></figure>

The news icon that opens this drawer is controlled in the **Header → Miscellaneous** block. Make sure the news icon is enabled there, otherwise visitors won't see a way to open the drawer.

<figure><img src="/files/Pw778WPcqyg5XApQ07a7" alt=""><figcaption></figcaption></figure>

***

### Blocks

News Drawer supports four block types that you can mix and stack in any order:

**Text** — a content card with an image, heading, description, and a CTA button. Use it for announcements, blog-style updates, or linking to landing pages.

<figure><img src="/files/piAEpdDsPfpun8OOcQU0" alt=""><figcaption></figcaption></figure>

**Products** — display a curated list of products directly in the drawer. Shows product images, names, prices, and optional color pills. Great for highlighting new arrivals or limited editions without sending visitors to a collection page.

<figure><img src="/files/vnqabNJxn6mSe4ba4B6P" alt=""><figcaption></figcaption></figure>

**Promo code** — a card with a copyable discount code. Add an image and description to explain the offer, and the code itself is displayed in a format visitors can tap to copy.

<figure><img src="/files/EZSeKfQbVoNHRGW3x8qy" alt=""><figcaption></figcaption></figure>

**Line** — a simple divider between content blocks.

{% hint style="success" icon="sparkles" %}
**Tip:** Combine all three content blocks for a compelling news feed — a text card announcing a sale, a promo code block with the discount, and a products block showcasing the items on sale.
{% endhint %}

***

### Related

* [Header](/docs/avante-themes/global-sections/header-and-navigation/header.md) — news icon toggle in Miscellaneous block
* [Announcement Bar](/docs/avante-themes/global-sections/header-and-navigation/announcement-bar.md) — another way to communicate promotions
* [Popup](/docs/avante-themes/global-sections/footer-group/popup.md) — promotional overlay


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://staylime.com/docs/avante-themes/global-sections/header-and-navigation/news-drawer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.