Scrolling text and images
The section in the Storytelling chapter is designed to create a dynamic and visually engaging way to present content on your store.
This section combines continuous movement of text and images, allowing key messages, promotions, or product highlights to be displayed in a flowing, animated format. The scrolling effect draws the visitor’s attention naturally, adding energy and motion to the page while maintaining a clean and organized appearance.
It can be used to showcase multiple elements—such as product features, testimonials, or brand statements—without overwhelming the visitor, making it an effective tool for storytelling. By integrating both text and images in a continuous scroll, this section allows visitors to absorb more information in an interactive way.
Overall, the Scrolling Text and Images section enhances visual interest, reinforces brand messaging, and keeps users engaged. It encourages visitors to explore more of your store and products, creating a memorable and dynamic browsing experience.
Location: Sections -> Templates -> Storytelling: Scrolling text with images
Scrolling text and images – Options Overview
Layout
Top spacing
Set spacing above the section (None, Small, Medium, Normal).
Home page top spacing none
Remove top spacing specifically on the home page. Works only on the home page.
Settings
Horizontal spacing
Set horizontal spacing between items in the ticker.
Image hover effect
Choose animation effect for images on hover (Basic theme settings, Disable, Zoom in/out, Rotate, Slide, Shine).
Image roundness
Set border radius to make images rounded or circular.
Ticker time
Set the speed of the scrolling animation.
Direction of move
Choose ticker direction (Left or Right).
Dual ticker
Enable
Turn on a second, parallel scrolling ticker.
Swap
Swap positions of the two tickers.
Opacity
Adjust transparency of the ticker items.
Black and white
Display images in grayscale.
Dividing line
Show
Toggle display of a dividing line in the section.
Background
Background
Set the background type (Hide, Color, Gradient).
Linear gradient
Apply a linear gradient to the background.
Vertical internal padding
Set padding inside the section (top and bottom).
Colors
Base
Set the base color of text and elements.
Accent
Set accent color for highlights.
Lines
Set color of dividing lines.
Subsections
Each section can include multiple items:
Text
Enter your text content and set font size (16–100 px).
Image
Choose an image, set height (20–200 px), and optionally add a link.
Each section can include multiple Text or Image items. These subsections allow you to add dynamic content to the scrolling ticker.
Text Subsection
You can add multiple text items to the scrolling ticker. For each text item, you can enter the content you want to display and choose the font size, ranging from 16 px to 100 px. This allows you to highlight messages, slogans, or other textual information in a dynamic, visually engaging way.
Image Subsection
You can add multiple image items to the scrolling ticker. For each image, you can select the image file, set its height (20 px to 200 px), and optionally link it to a page, product, or external URL. This enables showcasing products, visuals, or icons alongside the text in the scrolling content.
Last updated