Scrolling text

This section is a lightweight but powerful way to communicate key messages while keeping your storefront visually active and engaging.


The Scrolling text section displays continuously moving content (text and/or images) in a horizontal loop, ideal for announcements, promotions, or featured highlights.

1. Our guide to set up a Scrolling text section:

circle-info

Steps:

  • In the theme editor, click Add section.

  • Locate Scrolling text.

  • Click Save.

2. Section settings

  • General

    • Color scheme: Applies predefined colors to the section’s background and text.

    • Direction: Controls the scrolling direction of the content:

      • Left: Content moves from right → left

      • Right: Content moves from left → right

    • Speed: Adjusts how fast the content scrolls.

    • Space between messages: Defines spacing between each block (text or image), helping improve readability and visual balance.

  • Tex settings

    • Font style: Choose between heading font (more prominent) or body font (more subtle).

    • Text size: Controls the size of text across all text blocks.

    • Icon size: Adjusts the size of icons displayed alongside text.

3. Text block settings

  • Text: Enter the message to display (e.g., promotions, announcements, brand statements).

  • Icon: Add an icon before the text.

4. Image block settings

  • Image: Upload an image to display within the scrolling row (e.g., logos, badges, product highlights).

  • Link: Make the image clickable, directing users to a specific page.

  • Image ratio: Controls the shape and proportion of the image.

  • Image width: Adjusts the display size of the image.

  • Corner radius: Adds rounded corners for a softer visual style.

Last updated

Was this helpful?