> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/theme-sections/auto-scrolling-promotion.md).

# Auto-scrolling promotion

<figure><img src="/files/5cRmsZBrRdN61witkf3b" 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="/files/uh8ILyjGh5mEjtyHRZtH" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="/files/pOGWV4k5f47OYePpNrPp" 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="/files/cZ8QBaGjsdzHPwp5BB0e" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="/files/x1BNowl6yT5NDyKxaUFj" 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="/files/MPX22iaU6r3YWmfQfOF8" 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 %}