# Scrolling promotion

![image](https://docs-assets.foxecom.app/sleek-theme/scrolling-ezgif.com-video-to-gif-converter_pch8XM6v.gif)

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. 

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/sleek-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/sleek-theme/image_nKlOyjYi.png)

### Block settings

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

* Image
* Text
* HTML
* Collection

#### 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/sleek-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/sleek-theme/image_7zKi8T0s.png)

#### Text

You can use a **Text** block to display introductory text or any content you'd like to present.

Provide the text with a specific **Link** to the desired page where you want to direct customers when they click it.

This Text block allows you to adjust the **Text size**, **Font weight**, **Font style**, **Letter spacing**, **Opacity,** and **Text style.**

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

Moreover, if you are not into the text color of the section color scheme, you can enable the **Use custom color** checkbox and change the **Custom color** for the text.

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

#### HTML

You can add your own custom **HTML** to customize the section.

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

#### Collection

Add a preferable or unique **Collection** that you want to display on the Scrolling promotion and give this collection a **Title.**

* If you want to use the collection name, leave the **Title** field blan&#x6B;**.**

You can choose a featured **Image for** the collection.

* If you want to use the collection image, leave the **Image** field blan&#x6B;**.**

Change the **Title size**  to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

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

In addition, you can enable the **Use custom width** checkbox to adjust the **Desktop width** (200px - 800px) and **Mobile width** (250px - 500px) of the collection block if you prefer not to use the default width.

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

## FAQs

### Can I hide the product count from the collection card?

In your theme editor (**Customize**), go to **Theme settings > Collection cards**, then disable the **Show product count** checkbox.

<Hint type="warning">

This setting will hide the product count of all collection cards on your website.

</Hint>

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