# Marquee Section

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2F2DctcMBZ98E2AnT5pFpm%2Fimage.png?alt=media&#x26;token=3ca93f33-0ebd-43a6-bd8c-8c012eb4eb93" alt=""><figcaption></figcaption></figure>

The Marquee Scroller is an animated horizontal scrolling text banner that displays promotional messages, announcements, or key highlights on your homepage.&#x20;

The scroller supports up to 4 custom text messages with HTML formatting, pauses on hover for better readability, and automatically repeats the content for seamless infinite scrolling.

### **Setting** Marquee Section

Go to **Storefront** -> **My Themes** -> **Customize**. <mark style="color:red;">(If your store is a new store, you may need to go to</mark> <mark style="color:red;"></mark><mark style="color:red;">**Channel Manager -> Themes -> Edit Theme**</mark><mark style="color:red;">)</mark>

In the **Theme Editor** -> Go to **Home Page / Marquee Section**

<figure><img src="https://684475164-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqscUgPkTIpsIESKMa0Of%2Fuploads%2F5qIJuxo7RFVAo6oS20aD%2Fimage.png?alt=media&#x26;token=6ff7eec4-7b27-4506-97e5-fe380633945a" alt=""><figcaption></figcaption></figure>

**Available Settings:**

* **Marquee Text 1** - First message in the scroller
* **Marquee Text 2** - Second message in the scroller
* **Marquee Text 3** - Third message in the scroller
* **Marquee Text 4** - Fourth message in the scroller

{% hint style="info" %}
**Important Notes:**

* Messages will repeat continuously as they scroll
* Empty fields will be skipped (you don't need to fill all 4 slots)
* HTML formatting is supported for styling
* Each message is separated by a star icon automatically
  {% endhint %}

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.
{% endhint %}