# Scrolling promotion

This section is ideal for showcasing special offers, new arrivals, or key announcements to encourage customer action. It captures customer attention by combining dynamic movement with compelling visuals and text.

Pause on hover: When customers hover over the Scrolling promotion section, the scrolling pauses, allowing them to read text or view images without distraction. Scrolling resumes once the cursor leaves the section.

<figure><img src="/files/liZPw0sfkHj4ZdJyzyAi" alt=""><figcaption></figcaption></figure>

### **1, How to add section in theme editor:**

{% stepper %}
{% step %}
In your theme editor (**Customize**), scroll to the bottom of the template and select **Add section**.
{% endstep %}

{% step %}
In the list, locate and select **Scrolling promotion**  section. The section will now be added to your page, ready for customization.
{% endstep %}
{% endstepper %}

<figure><img src="/files/dqDDkSklFYdwP2nvEJWO" alt=""><figcaption></figcaption></figure>

### **2, Section settings:**

The **Section settings** control the scrolling behavior, layout, text styles, and image properties.

* **General settings:**

> - &#x20;**Direction**: Choose the direction in which the announcements scroll: **Left or Right.**
> - **Speed**: Adjust the scrolling speed to **Slow**, **Normal**, or **Fast**.
> - **Space between messages**: Set the spacing between blocks (text or images) within the scrolling section for better readability and design flow.

* **Text settings**:

> - **Font style**: Choose between the **Heading font** or **Body font** for the text in the section.
> - **Text size**: Adjust the size of the text for better visibility.
> - **Icon size**: Customize the size of icons if displayed alongside the text.

* **Image settings**:

> - **Image ratio**: Choose the image shape: **Square**, **Portrait**, **Circle**, or **Landscape**.
> - **Image size**: Adjust the size of images in the section, ranging from **30px to 300px**.

### 3, B**lock settings:**

The Scrolling romotion section supports two types of blocks: **Text block** and **Image block**, each with its own customization options.

* **Text block:**

> - **Text**: Enter the text to display in the block.
> - **Icon**: Choose to display an icon at the beginning of the text block for added emphasis or leave it blank.
> - **Link**: Add a link to the text. When customers click on the text, a new tab will open with the linked page.
> - **Highlight key words**: Highlight important words or phrases in the text for emphasis. Highlight styles: **Color**: Change the color of selected text or **Underline**: Add an underline to selected text.

* **Image block:**

> - **Image**: Upload an image to feature in the scrolling section. Ensure it matches the selected aspect ratio for consistency.
> - **Image link**: Add a link to the image. Clicking on the image will open the link in a new tab, directing customers to the desired page or product.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.byinspiredlabs.com/section/scrolling-promotion.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.