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 |
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 “Testimonial Hero”.
- 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.