Media Testimonial Grid is a Shopify theme section in the Section Star library. Feature a grid of testimonials complete with images or videos and a star rating.
About the Media Testimonial Grid section
The Media Review Grid section allows you to create a visually appealing grid layout for customer reviews, featuring both images and videos. This section is customizable to fit the aesthetic of your Shopify store, providing options to adjust fonts, colors, and layout dimensions. It also includes functionality for autoplay slides on mobile devices and various options for display settings, making it versatile and dynamic.
Live demo
Use cases
- Product Reviews: Showcase customer reviews for products with compelling images and videos, helping to build trust and convince new visitors to make a purchase.
- Testimonials: Use the grid to display testimonials from satisfied customers, highlighting different aspects of their experience with your store.
- User-Generated Content: Collect and display user-generated content, such as images and videos, from social media, showing products in real-life scenarios.
- Marketing Campaigns: Create a section dedicated to campaign reviews or seasonal promotions with specific images and videos to drive conversion.
- Brand Story: Use the section to tell the story of your brand through customer experiences, emphasizing the connection and community around your products.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Testimonial Design
Set the look and feel of the testimonial
| Setting | Type | Default |
|---|---|---|
| Stars Color | Color | #111 |
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 |
| Button Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #333… |
| Button Text Color | Color | #fff |
Grid Design
Set the design of the grid.
| Setting | Type | Default |
|---|---|---|
| Gap Between Testimonials | Number | 20 |
Mobile Display
Set the mobile display
| Setting | Type | Default |
|---|---|---|
| Mobile Display | Select (Slideshow, Stacked) | slideshow |
| Columns (when stacked) | Select (1 column, 2 columns, 3 columns) | 1fr |
| Slideshow Progress Background Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Progress Foreground Color | Color or gradient | linear-gradient(177deg, rgba(17, 17, … |
| Slideshow Indicator Color | Color | #111 |
| Enable Autoplay? | Checkbox | On |
| Autoplay Time | Select (Slowest (10s), Slower (7.5s), Normal (5s), Faster (3s), Fastest (2s)) | 5000 |
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 |
| 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 |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Image Size | Number | 800 |
| Mobile Image Size | Number | 800 |
| 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 “Media Testimonial Grid”.
- 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.