Testimonials
Testimonials shows short customer quotes as a row of cards. Each card carries a star rating, the quote, the customer’s name and details, and — if you like — their photo, a photo of the product in use, and a link to that product.
The quotes and ratings are content you write yourself: paste in feedback from real customers, pick a star rating for each quote, and describe the person in your own words (for example “Pet parent”). The theme does not collect reviews or pull in ratings from anywhere else, so only ever publish words your customers actually gave you.
What it does
Section titled “What it does”Use this section to build trust on the home page, a landing page, or under a product grid. Each card shows:
- a star rating from 1 to 5 that you choose;
- the quote text;
- the customer’s name and a short detail line under it;
- an optional avatar (or their initial in a colored circle if you don’t upload one);
- an optional photo at the top of the card, such as a customer photo of the product;
- an optional product strip at the bottom that links to a product in your catalog.
The section ships with three example quotes so you can see the layout right away — replace their text with your own before publishing.
Add it to a page
Section titled “Add it to a page”- In Shopify admin, go to Online Store → Themes and click Edit theme. (Older admin versions label this button Customize.)
- Open the template where you want the section (for example, the home page).
- Click Add section and choose Testimonials.
- The section starts with three example quotes. Click each one in the sidebar to replace its text.
- Click Add block → Testimonial to add more quotes.
Choose a style
Section titled “Choose a style”Two settings control the look:
| Setting | What it changes |
|---|---|
| Card style | White card puts each quote on a plain white card with a thin border. Tint card gives the cards soft pastel backgrounds that cycle through cream, lilac, mint, and apricot |
| Layout | Grid lines the cards up in columns. Drag slider keeps the same card size but lets shoppers swipe sideways through the quotes |
Set it up: quick start
Section titled “Set it up: quick start”- Add the section (see above).
- In the sidebar, set the Heading — for example “What pet parents say”.
- Click the first example quote and replace the Text, Author, and Author details.
- Set the Star rating for that quote.
- Optionally upload an Avatar, a Review photo, and pick a Product to link.
- Repeat for every quote, then delete the example quotes you don’t use.
- Save and check the page on desktop and phone widths.
Settings
Section titled “Settings”Section settings
Section titled “Section settings”| Setting | Default | Options | What it does |
|---|---|---|---|
| Heading | “Loved by very good boys and girls” | Text | Title above the cards; leave empty for no title |
| Columns on desktop | 3 | 2–4, step 1 | How many cards sit side by side on wide screens. Phones show one card per row and tablets show two regardless of this setting |
| Card style | White card | White card / Tint card | Card background. Tint card cycles the pastel colors through the row |
| Layout | Grid | Grid / Drag slider | Grid shows fixed columns; Drag slider shows one swipeable row |
Blocks
Section titled “Blocks”Add one Testimonial block per quote. There is no fixed limit.
| Block | Limit | What it adds |
|---|---|---|
| Testimonial | No fixed limit | One quote with its rating, author, photos, and product link |
Testimonial settings
| Setting | Default | Options | What it does |
|---|---|---|---|
| Text | Example quote | Rich text | The quote itself. Keep it short — one or two sentences read best |
| Author | “Jamie & Peanut” | Text | The customer’s name (or the name they use) |
| Author details | “Pet parent” | Text | Short line under the name, e.g. how they describe themselves or their pet |
| Avatar | Empty | Image picker | Small round photo next to the name. Without one, the first letter of the author’s name shows in a colored circle |
| Review photo | Empty | Image picker | Optional photo at the top of the card, bleeding to its edges — a customer photo of the product works well. Landscape around 1200 x 900 px |
| Product | Empty | Product picker | Adds a small strip at the bottom of the card with the product image and name, linking to that product’s page |
| Star rating | 5 | 1–5, step 1 | How many of the five stars are filled. Pick the rating the customer actually gave |
Images and content tips
Section titled “Images and content tips”- Avatar: a square headshot works best; it is cropped to a circle around 44 px.
- Review photo: landscape around 1200 x 900 px. It fills the full width at the top of the card, so make sure the subject sits in the middle.
- Keep quotes to two or three sentences — the cards stay balanced when the text lengths are similar.
- Use neutral, honest author details such as “Pet parent” or a first name. Avoid claims that imply the purchase was verified or checked, since you cannot prove that on the page.
- Quote real wording from real customers. The theme has no review collection built in, so every card is only as trustworthy as the source you copied it from.
Good to know
Section titled “Good to know”- You write the ratings, not the theme. The stars on each card are the rating you set for that quote. They are not connected to product review apps or any review data.
- Tint cards cycle in a fixed order. Cream, lilac, mint, apricot, then back to cream — the position of the card decides its color, so the pattern stays consistent as you add or reorder quotes.
- The product strip is a plain link. It opens the product page; it does not add the product to the cart.
- Drag slider has no autoplay. Shoppers move through the quotes by swiping or dragging — nothing rotates on its own.
- Missing avatars are fine. A card without an avatar photo shows the first letter of the author’s name in a colored circle instead.
Example setups
Section titled “Example setups”Home page trust row (White card). Heading “What pet parents say”, 3 columns, Grid layout, four quotes with 4–5 star ratings and avatars, no review photos. A calm, credible strip under a product collection.
Lookbook closer (Tint card). Tint card style, Drag slider layout, 3 columns, six short quotes each linked to the product it mentions. Shoppers swipe through real feedback and can tap through to any product.
Common questions
Section titled “Common questions”Can the section collect reviews from customers? No. The section only displays quotes and ratings you enter yourself. To gather reviews, use a review app and its own display tools — product star ratings from real review data are shown elsewhere in the theme, on product cards and product pages.
The example quotes are still showing. The section starts with three example quotes. Click each one in the sidebar and replace the Text, Author, and Author details — or remove the blocks you don’t need and add your own.
Why do my tint cards have different colors? With the Tint card style, the colors cycle cream → lilac → mint → apricot based on each card’s position in the row. That is by design so the row looks varied but predictable.
My review photo looks cropped. The Review photo fills the top of the card and crops to fit. Landscape photos around 1200 x 900 px with the subject centered survive the crop best.
The product strip doesn’t show. Each Testimonial block needs a product picked in its Product setting. The strip appears only when a product is selected.