# Testimonial Hero

> Boost credibility and engagement with a hero section featuring a scrolling testimonial showcase. Highlight real customer experiences in a dynamic, eye-catching way that builds trust and encourages conversions. This interactive element keeps your page lively while reinforcing the value of your brand through authentic social proof.

URL: https://sectionstar.app/sections/testimonial-hero/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.893Z

---

**Testimonial Hero** is a Shopify theme section in the Section Star library. Boost credibility and engagement with a hero section featuring a scrolling testimonial showcase. Highlight real customer experiences in a dynamic, eye-catching way that builds trust and encourages conversions. This interactive element keeps your page lively while reinforcing the value of your brand through authentic social proof.

## Live demo

## Settings

Every setting below appears in the Shopify theme customizer once the section is published.

### Hero Design
Set the design for the hero

| Setting | Type | Default |
| --- | --- | --- |
| Hero Max Width | Number | 500 |
| Hero Padding Top/Bottom | Number | 100 |
| Hero Padding Left/Right | Number | 10 |
| Subtle Shadow on Text | Checkbox | On |
| Cover Background | Color or gradient | linear-gradient(164deg, #111 0%, #555… |
| Cover Opacity | Range | 25 |
| Box Alignment | Text alignment | center |

### Feature Display
Set the display of the feature section

| Setting | Type | Default |
| --- | --- | --- |
| Max Width | Number | 800 |
| Padding Top/Bottom | Number | 25 |
| Padding Left/Right | Number | 25 |
| Overlap | Number | 25 |
| Round Borders | Range | 5 |
| Subtle Shadow | Checkbox | On |
| Background | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Show Scrollbars | Checkbox | Off |

### Arrow Display
Set the display of the arrows on the feature section

| Setting | Type | Default |
| --- | --- | --- |
| Arrow Background Color | Color or gradient | linear-gradient(164deg, #fff 0%, #fff… |
| Arrow Color | Color | #111 |
| Subtle Shadow | Checkbox | On |

### Card Design
Set the design of the card

| Setting | Type | Default |
| --- | --- | --- |
| Consistent Height | Checkbox | On |
| 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… |
| Round Borders | Range | 5 |
| Subtle Shadow | Checkbox | On |

### Testimonial Design
Set the look and feel of the testimonial

| Setting | Type | Default |
| --- | --- | --- |
| Stars Color | Color | #111 |
| Text Color | Color | #111 |
| Attribution Color | Color | #888 |

### Media Display
Set the display of the media

| Setting | Type | Default |
| --- | --- | --- |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 |
| Show Big Play Button | Checkbox | On |

### Headline
Set text for the headline

| Setting | Type | Default |
| --- | --- | --- |
| Hero Image | Image | — |
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |

### Image block settings

| Setting | Type | Default |
| --- | --- | --- |
| Image | Image | — |
| Image Width | Number | 800 |
| Mobile Image Width | Number | 600 |
| Testimonial | Inline rich text | This is a sample testimonial. |
| Attribution Image (Small Photo) | Image | — |
| Attribution 1 | Inline rich text | Sample Customer |
| Attribution 2 | Inline rich text | @sample_customer |

### Text block settings

| Setting | Type | Default |
| --- | --- | --- |
| Testimonial | Inline rich text | This is a sample testimonial. |
| Attribution Image (Small Photo) | Image | — |
| Attribution 1 | Inline rich text | Sample Customer |
| Attribution 2 | Inline rich text | @sample_customer |

### Video block settings

| Setting | Type | Default |
| --- | --- | --- |
| Hero Video | Video | — |
| Testimonial | Inline rich text | This is a sample testimonial. |
| Attribution Image (Small Photo) | Image | — |
| Attribution 1 | Inline rich text | Sample Customer |
| Attribution 2 | Inline rich text | @sample_customer |
| Play Inline | Checkbox | On |
| Autoplay | Checkbox | Off |
| Loop Video | Checkbox | Off |
| Show Video Controls | Checkbox | Off |
| Mute Video | Checkbox | Off |