Feature Scroll is a Shopify theme section in the Section Star library. Show your products in a beautiful scroll grid — keeps shoppers browsing and selling for you continuously.
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 |
| Gap Between Testimonials | Number | 20 |
| Height | Number | 300 |
| Mobile Height | Number | 300 |
| Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Arrow Color | Color | #111 |
Feature Design
Set the design for the feature section
| Setting | Type | Default |
|---|---|---|
| Feature Text Color | Color | #fff |
| Text Size | Range | 20 |
| Mobile Text Size | Range | 20 |
| Show Text Shadow | Checkbox | On |
| Vertical Alignment | Select (Top, Center, Bottom) | center |
| Spacing between Elements | Number | 10 |
| Horizontal Alignment | Select (Left, Center, Right) | center |
| Text Alignment | Text alignment | center |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |
Button Style
Set the look and feel of the button
| Setting | Type | Default |
|---|---|---|
| Padding Top/Bottom | Number | 10 |
| Padding Left/Right | Number | 25 |
| Round Borders on Button | Range | 5 |
| Border Size on Button | Range | 0 |
| Border Color on Button | Color | #888 |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
Design
Set the design for your grid
| Setting | Type | Default |
|---|---|---|
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 |
| Media Aspect Ratio (mobile) | Select (21:9, 16:9, 4:3, 1:1, 9:16, Auto) | 4 / 3 |
| Round Borders on Media | Range | 5 |
| Subtle Shadow on Media | 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 |
Feature block settings
| Setting | Type | Default |
|---|---|---|
| Background Image | Image | — |
| Headline | Inline rich text | <b>Feature Headline</b> |
| Call to Action | Inline rich text | Shop Now |
| Call to Action Link | URL | — |
Collection block settings
| Setting | Type | Default |
|---|---|---|
| Collection | Collection | — |
| Call to Action | Inline rich text | Shop Now |
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 “Feature 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.