How to add Smooth, Eye-Catching Scrolling Text to Your Shopify Store

Examples of scrolling text and pictures done with Text Scroller section from the Sections Jungle app
Reading Time

Want to add movement and energy to your store? The SJ Text Scroller lets you display text or images in a smooth, continuous scrolling line, perfect for announcements, brand logos, or eye-catching messages. It’s a simple way to make your storefront feel more dynamic and professional.

Our Sections Jungle app is approved by Shopify and safely integrates this section directly into your theme. It runs natively without slowing your store down and can be installed in minutes.

Want to see it in action first? View the live demo to get a feel for how it looks on your store.


Step 1: Install the App

Start by installing the Sections Jungle app as seen below, you'll find the Text Scroller and much more:

Find the Text Scroller section using the search bar, the popup will list all the features and customization options it includes. After clicking Install, choose the theme where you want the scroller to appear and click Install again. Once the installation is complete, open your Customize page to begin editing.


Step 2: Add the SJ Text Scroller Section

Inside the Theme Editor, open the page where you’d like to display your scroller. Click Add section on the left-hand menu and search for SJ Text Scroller.

Once added, you’ll immediately see your text or images smoothly scrolling across the screen. The section is fully responsive and adapts perfectly to desktop and mobile views.


Step 3: Basic Setup & Global Styling

Start by adding text or image blocks to your scroller. By default, any customization you make, such as font size, spacing, colors, or borders, applies to all blocks, keeping a consistent look across your scroller. You can also set the scrolling direction (left-to-right or right-to-left) and adjust speed separately for desktop and mobile devices.

If needed, you can enable individual block customization for specific blocks, allowing unique fonts, colors, spacing, or links for each item while still maintaining global defaults for the rest.


Step 4: Advanced Design & Styling (Optional)

Take your scroller further by customizing the background color, text gradients, and more. You can fine-tune padding, top and bottom spacing, and even apply a subtle inclination tilt for extra visual flair. Pause-on-hover and link behaviors can also be adjusted for a more interactive experience.

All advanced settings respect the global defaults unless individual block customization is toggled on, making it easy to create both cohesive and varied scroller content.


Keep Visitors Engaged

The SJ Text Scroller adds movement, style, and interactivity to your Shopify store. Whether you’re promoting new arrivals, showing off partner logos, or adding a touch of motion to your design, this section helps your content stand out instantly, no code required.

And aside from it, Sections Jungle includes a wide variety of sections designed to make customizing your Shopify store effortless.

At EZFY Code, we also offer custom development for merchants looking for unique solutions tailored to their business. Our app's library keeps growing, and we rely on community feedback to decide which sections to build next. If you have an idea that could improve your store, let us know! We’d love to turn it into a new feature.

Install it today and give your store a sleek, attention-grabbing scrolling banner, and browse our complete collection of sections at Sections Jungle!

Back to blog

Leave a comment