Scrolling text
Scrolling text shows a looping ticker of text and images that moves across the page. It runs on its own and needs no action from shoppers.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose Scrolling text.
The package does not place this section on any template.
Settings
View the section guide .
General
Uppercase text sets the ticker text to uppercase. Image corner radius rounds the corners of the images in the ticker.
| Setting | Options | Description |
|---|---|---|
| Uppercase text | Shows the scrolling text in capital letters. | |
| Image corner radius | Rounds the corners of the images placed between the text items, in pixels. It applies to every image block in the section. |
Heading content
Heading size sets the size of the text items in the ticker.
| Setting | Options | Description |
|---|---|---|
| Heading size | • Base size | Sets the size of the scrolling text, from Base size up to X-Large. |
Marquee settings
Scroll speed is the time in seconds for one full loop, so a higher number scrolls more slowly.
| Setting | Options | Description |
|---|---|---|
| Direction | • Left | Sets whether the text scrolls toward the left or the right. |
| Scroll speed | Sets how many seconds one full scroll takes, so a lower number scrolls faster. | |
| Item spacing | Sets the gap between items in the scrolling line, in pixels. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Sets how wide the scrolling line is. Page width keeps it inside the standard content area, Wide stretches it further, and Full width runs edge to edge. |
| Show top border | Adds a border line along the top of the section. | |
| Top padding | Adds space above the section, in pixels. | |
| Bottom padding | Adds space below the section, in pixels. |
Blocks
Text item (_scrolling-text-item)
One phrase in the ticker, with an optional link.
| Setting | Options | Description |
|---|---|---|
| Content | Text shown in the ticker. Default: Scrolling text. | |
| Link | Page the text links to. |
Image item (_scrolling-text-image)
An image or a built-in icon placed between the text items. It can link to a page.
| Setting | Options | Description |
|---|---|---|
| Image | Image shown in the ticker. | |
| Image width | Width of the image, from 5 to 200 px. Default: 80 px. | |
| Icon type | • None | Built-in icon shown instead of the image. Overrides the image setting. Default: None. |
| Image link | Page the image links to. | |
| Image width on mobile | Width of the image on mobile, from 5 to 200 px. Default: 80 px. |
No comments yet