# Auto-scrolling promotion

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FbVkkEJ1AHQWM2n6BvGfv%2FFox-BG%20Light%20(17).jpg?alt=media&#x26;token=25af8f00-2db7-4b7d-8be8-d19993b599e6" alt=""><figcaption></figcaption></figure>

The **Auto-scrolling promotion** section lets you display a horizontal carousel of testimonials, images, or promotional text that scrolls automatically—perfect for reviews, featured products, or eye-catching announcements.

## How to add an Auto-s**crolling promotion section** to your Shopify store <a href="#how-to-add-a-highlight-text-with-image-section-to-your-shopify-store" id="how-to-add-a-highlight-text-with-image-section-to-your-shopify-store"></a>

{% hint style="success" %}
Steps:

1. In the theme editor (**Customize**), click **Add section.**
2. In the left sidebar, click **Add section** > **Auto-scrolling promotion**.
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit an **Auto-scrolling promotion section** <a href="#how-to-edit-a-highlight-text-with-image-section" id="how-to-edit-a-highlight-text-with-image-section"></a>

### Section settings <a href="#section-settings" id="section-settings"></a>

<table><thead><tr><th width="226">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section header</strong></td><td>Add a heading, subheading, and description. You can use <em>italic</em> text to create animated highlights.</td></tr><tr><td><strong>Vertical alignment</strong></td><td>Align content to Top, Middle, or Bottom.</td></tr><tr><td><strong>Direction</strong></td><td>Scroll Left or Right.</td></tr><tr><td><strong>Pause scroll on hover</strong></td><td>Stop scrolling when a visitor hovers over the section.</td></tr><tr><td><strong>Speed</strong></td><td>Control scrolling speed (e.g., 0.1x for slow).</td></tr><tr><td><strong>Item gap / Item gap mobile</strong></td><td>Set space between items for desktop and mobile.</td></tr></tbody></table>

### Block settings

There are five block types can be added to the **Auto-scrolling promotion** section:&#x20;

{% tabs %}
{% tab title="Image" %}
Add images with adjustable height and link.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FDBjiwmraXuAfH6t1AurF%2Fimage.png?alt=media&#x26;token=14f0ed9c-5f58-4d5a-a755-390d01fa5146" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Text" %}
Add simple text; supports HTML and links.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F6jAyudEL1EpT07rilKIn%2Fimage.png?alt=media&#x26;token=9d6c88e1-0f3c-437a-b241-fbcf166ba252" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Rich text" %}
{% hint style="info" %}
The Rich text block is only available in Zest **version 9.0.0 and above**. :sparkles:

See [Changelog](https://help.foxecom.com/changelog/zest).
{% endhint %}

Add formatted text with bold, italics, links, and highlighted text color.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2Fln9bw6cvtsmUPoQOPGlF%2Fimage.png?alt=media&#x26;token=ec52f466-4bf0-4c52-b15a-131fd9a7c435" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Testimonial" %}
Add customer reviews with icon rating, text, author, linked product, and optional image.

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2Fb3ZDtVboTv7RAj6hiPiH%2Fimage.png?alt=media&#x26;token=01253766-109b-4ab1-819d-bf78ba6b3e50" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Testimonial block is only available in Zest **version 7.1.0 and above**. :sparkles:

See [Changelog](https://help.foxecom.com/changelog/zest).
{% endhint %}
{% endtab %}

{% tab title="Divider" %}

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FXj6HoHvAIGF5i7aiIkb5%2Fimage.png?alt=media&#x26;token=c05546d2-d9ba-4d8a-84b8-7b9ee7ac0d5b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The Divider block is only available in Zest **version 9.0.0 and above**. :sparkles:

See [Changelog](https://help.foxecom.com/changelog/zest).
{% endhint %}
{% endtab %}
{% endtabs %}