🧰 Scrolling text

Display an animated bar with custom messaging by adding a Scrolling text section.

Add the section to a template

Click Customize to open the theme editor for the selected theme.

Open the template (e.g. home page, default product) and click (+) Add section in the sidebar.

Scroll down to the bottom of your default sections list and select 🧰 Scrolling text.

Click the Scrolling text section to open its general settings.

Scrolling settings

Scrolling speed controls the duration (in seconds) for one complete cycle of text.

Scrolling direction allows you to control the direction in which the text would scroll from and towards. By default, this is set from Left to right. 

Pause scrolling on hover allows your customers to stop the scrolling animation momentarily. Removing their cursor from the section would resume the animation. Disabling this feature means that the scrolling text animation will be uninterrupted. 

Color and spacing settings

Select colors

Choose colors for the section's Text color and Background color.

Adjust spacing

Use the Top padding and Bottom padding sliders to increase or decrease the padding of the section.

Use the Top margin and Bottom margin sliders to increase or decrease the margins of the section.

Add scrolling text block

You can add your section content through the Scrolling text block

Text block

Include text by adding copy to the Text field. Then use the Bold, Italic, and Link controls to style and connect your text with other pages.

Font settings

Choose between Heading and Body to assign a font style to your scrolling text. To assign a specific font style for these, you can go to your Typography settings. 

Use the sliders for Text size, and Mobile text size to control the font sizes for the section's text components.

Changelog

December 3rd, 2024

• Updates to link hover states and animations

November 6th, 2024

• Minor bug fixes.

September 25th, 2024

• Scrolling text added to Theme Sections.