> 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/sections/banners/scrolling-promotion.md).

# Scrolling Promotion

A moving ticker of scrolling text and images — the fastest way to put a time-sensitive message on every page. It's the go-to strip for limited-time offers, free-shipping thresholds, new drops, event countdowns, or press mentions, and it works above or below any section.

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

***

### How to add

1. In the Theme Editor, click **Add section**
2. Select **Scrolling Promotion**
3. Click **Add block** → **Text** (or **Context image**) for each item in the loop
4. **Save**

Everything else — text size, speed, gap, direction, colors, and spacing — is adjusted live in the editor.

<div align="center"><figure><img src="/files/xokTWlobBOFQa9wtobLZ" alt=""><figcaption></figcaption></figure></div>

***

### Good to know

* **Two block types.** A **Text** block is a message (with an optional inline image and link); a **Context image** block is a standalone logo, badge, or icon that rides between messages. Mix them freely.
* **Clean-until-hover images.** Turn on **Show image on hover** so inline images stay hidden and the ticker reads as pure text until a visitor engages.
* **Separate mobile text.** Each Text block has a **Mobile text** field — use it to swap long desktop copy for something shorter on phones.
* **Pauses on hover.** The ticker stops while a visitor's cursor is over it, so they can read — or click — a message without it scrolling away.

{% hint style="success" icon="sparkles" %}
**Note:** This section animates with the TweenMax (GSAP) library, which can slightly affect store performance. Keep the number of items and images modest.
{% endhint %}

***

### Best practices

* Keep each message to a few punchy words — a ticker rewards brevity over full sentences.
* Match **Speed** to intent: slower for an offer people need to read, faster for a decorative brand loop.
* Add a **Line** divider or a contrasting **color scheme** to set the strip apart from the sections around it.

***

### Related

* [Banners overview](/docs/avante-themes/sections/banners.md)
* [RTL support](/docs/avante-themes/features-and-advanced-setup/rtl-support.md)


---

# 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/sections/banners/scrolling-promotion.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.
