Text Scroll is a Shopify theme section in the Section Star library. Display content blocks like testimonials in a beautiful, easy-to-scroll grid.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Grid Design
Set the design for the feature grid
| Setting | Type | Default |
|---|---|---|
| Show Scrollbars | Checkbox | Off |
| Auto-rotate slides | Checkbox | Off |
| Rotation Speed | Select (Crawl, Slower, Slow, Fast, Faster, Fastest) | slow |
Card Design
Set the design of the card
| Setting | Type | Default |
|---|---|---|
| Card Line Height | Select (0.75, 1.0, 1.1, 1.2, 1.3, 1.4…) | 1.2 |
| Gap | Number | 20 |
| Width | Number | 300 |
| Card Background Color | Color or gradient | linear-gradient(164deg, #fff 100%, #f… |
| Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Arrow Color | Color | #111 |
| Stars Color | Color | #111 |
Block Design
Set the look and feel of the text block
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Text Color | Color | #111 |
| Attribution Color | Color | #888 |
| Round Borders | Range | 5 |
| Subtle Shadow | Checkbox | On |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Check out our Products</b> |
| Text | Inline rich text | Shop our extensive range of amazing p… |
| Spacing between Headline and Features | Number | 15 |
Text block settings
| Setting | Type | Default |
|---|---|---|
| Show Stars | Checkbox | On |
| Text | Inline rich text | This is a sample testimonial or text.… |
| Attribution 1 | Inline rich text | Sample Name |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Text Scroll”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.