Testimonial Carousel (Product Page)

---

The Testimonial Card block shows customer reviews directly on the product page. It used to hold one testimonial; it now holds up to five slides. With one active slide it looks like a single card. With two or more it becomes a carousel: shoppers swipe or drag between the reviews, and dots below the card show how many there are and which one is visible. The card height adjusts to each review.

Each slide has a customer photo, name, star rating, review text and an optional Verified Purchase badge.

The block is available in both product sections, Product Information and Product block, with the same settings in each. One block per section.

Adding The Block

1. Open the theme editor and navigate to a product page.
2. In the Product Information section (or the Product block section), click "Add block".
3. Choose Testimonial Card.
4. Fill in Slide 1, then switch on Enable slide 2 to Enable slide 5 for every further review you want to show.

Existing testimonials keep working

If you already used the Testimonial Card block before this update, nothing changes on your page. Your photo, name, rating and text are now Slide 1, which is switched on by default. Your previous Background color and Text color are now called Card background and Fallback text color, and the old text field is now a rich text field. Add more slides whenever you like.

Settings

Placement

• Content column (right) (default): the card appears where you drop the block in the block list.
• Under gallery (left): on desktop, the card moves under the product images in the left column. On mobile it stays at the block's position in the list. If the section has no Media Gallery block, the card always stays at its position in the list.

Slide 1–5

Each slide has the same settings:

• Enable slide X: slide 1 is on by default, slides 2–5 are off.
• Customer photo: a square image works best. Without a photo, a placeholder is shown.
• Customer name.
• Star rating (0–5).
• Review text: a rich text field, so you can use bold, italic and links inside the quote.
• Show verified badge: adds a small green check mark with a label under the name.
• Verified badge text: the label next to the check mark, "Verified Purchase" by default.

A slide only appears when it is enabled and has review text. An enabled slide with an empty text field is skipped, so you never get a blank card.

Photo & spacing

• Photo size: 40–80px.
• Card padding top, Card padding bottom, Card padding horizontal: 0–40px.

Title Typography

Controls the customer name.

• Title text transform: AA, Aa, aa or None.
• Title size (desktop) / Title size (mobile): 10–40px.
• Title weight: 400–700.

Review Text Typography

• Review text transform: AA, Aa, aa or None.
• Review text size (desktop) / Review text size (mobile): 10–40px.

Colors

• Section background: the area behind the card (transparent by default).
• Card background.
• Name color, Review text color, Star color, Verified badge color.
• Fallback text color: used when the name or review color is not set.

Cards Settings

• Card styling:
  • Use theme default: the card takes its look from Theme settings → Cards → Card, so it matches the other cards in your store. The settings below are hidden.
  • Custom (default): set the look for this block only.
• Container styling: No card, Card (with border) or Shadow.
• Card border and Card border color: shown for the Card style.
• Box shadow offset, Box shadow blur, Box shadow spread, Box shadow color: shown for the Shadow style.
• Container corner radius: 0–50px.

Block margin

Margin bottom (desktop) and Margin bottom (mobile), 0–100px.

Tips

• Three to five short reviews work better than one long one. Keep each quote to two or three sentences, because the card changes its height with each slide and very different lengths make the content below it move.
• Lead with your strongest review in Slide 1: it is the one every visitor sees.
• Only switch on the verified badge for reviews that really come from a confirmed purchase, and only use real customer names and photos with their permission.
• For a full reviews area further down the page, use the Testimonial section instead. This block is meant as a compact proof point next to the buy button.