# Scrolling promotion

<Video src="https://docs-assets.foxecom.app/hyper-theme/ani2_ZG2K7agD.mp4" autoPlay="true" loop="true" muted="true" aria-label="image" />

A scrolling promotion section lets you display an eye-catching auto-scroll row of logos or images.

You will find it helpful in showcasing your promotions, brand lists, featured products, or any trust-boosting information.&#x20;

In this article, we will show you how to add a Scrolling promotion section.

## How to add a Scrolling promotion section to your Shopify store

<Hint type="success">

Steps:

1. In the theme editor (**Customize**),> click **Add section.**
2. Select **Scrolling promotion.**
3. Make necessary changes.
4. **Save** the setting&#x73;**.**

</Hint>

## How to edit a Scrolling promotion section

### Section settings

#### Settings

This is where you can update scroll direction, pause scroll on hover, and adjust scroll speed, item gap on desktop, and item gap on mobile.

* **Vertical alignment**: Set how the text is aligned - Top/Middle/Bottom
* **Direct:** The scroll direction of the section - from left to right or vice versa.
* **Pause scroll on hover**: When hovering over the section, the scrolling stops.
* **Show divider between items**: Add borders between the section's blocks.

![image](https://docs-assets.foxecom.app/hyper-theme/image_SCmXqKyY.png)

* **Speed**: The speed of the section when scrolling (0.1x to 3x).
* **Horizontal spacing**: The spacing between items in a section.
* **Vertical spacing**: The padding between the items and the section's container.

![image](https://docs-assets.foxecom.app/hyper-theme/image_nKlOyjYi.png)

### Block settings

There are three block types can be added to this section:&#x20;

* Image
* Text

#### Image

Add an **Image** to promote your vendor, brand, featured products, etc.

Adjust the **Image height** on the desktop between 20px and 400px.

Select the **Image rounded** checkbox if you want the image to have rounded borders.

Then, provide the image with a specific **Link** to the desired page where you want to direct customers when they click it.

![image](https://docs-assets.foxecom.app/hyper-theme/image_kZs7rsHY.png)

Additionally, you can change the **Image height** on the mobile device from 20px to 200px.

![image](https://docs-assets.foxecom.app/hyper-theme/image_7zKi8T0s.png)

#### Text

Add a text, link the text and adjust how it show on the section.

![image](https://docs-assets.foxecom.app/hyper-theme/image_CzgulybO.png)