For the complete documentation index, see llms.txt. This page is also available as Markdown.

Testimonials: Split

Pair customer reviews with a large image or video and the product being reviewed, in a split-screen slideshow.


The Testimonials: Split section shows one review at a time in a two-column layout: an image or video on one side and a colored panel with the quote, author and verified badge on the other. You can link each review to a product, which appears as a small card over the image with a Quick view button. With more than one review, shoppers can move between them using the arrows or the progress segments at the bottom of the panel.

1. Our guide to set up a Testimonials: Split section:

Steps:

  • In the theme editor, click Add section.

  • Locate Testimonials: Split.

  • Click Save.

2. Section settings

  • Caption: Small text shown at the top of the review panel.

  • Layout

    • Image position: Which side the image or video appears on desktop: Left / Right.

    • Desktop height: Small / Medium / Large / Custom.

    • Custom desktop height: Section height on desktop, 400–900px. Shown when Desktop height is set to Custom.

    • Mobile image height: Height of the image or video on mobile, 240–640px.

  • Testimonial display

    • Show star rating: Shows each review's star rating above the quote.

    • Quote size: Font size of the review text, 20–52px.

    • Show quotation marks: Adds quotation marks around the review text.

  • Product card

    • Show product card: Shows the linked product (image, title, price and Quick view button) over the image.

    • Background opacity: How see-through the product card background is, 30–100%.

  • Behavior

    • Auto-rotate slides: Moves to the next review automatically and adds a pause/play button. Rotation also pauses while a shopper hovers over the section.

    • Change slides every: Time between reviews, 3–9 seconds. Shown when Auto-rotate slides is on.

  • Color

    • Panel: Color scheme of the review panel: Accent 1 / Accent 2 / Accent 3 / Background 1 / Background 2 / Background 3 / Inverse.

  • Section padding

    • Top padding: 0–100px.

    • Bottom padding: 0–100px.

3. Review block settings

Each Review block is one testimonial slide. You can add up to 6 reviews.

  • Image: The image shown beside the review.

  • Video: Optional video that plays muted on loop. Overrides the image when set.

  • Review text: The customer's review.

  • Author name: The reviewer's name.

  • Author photo: Optional small photo shown next to the author name.

  • Product: The product this review is about. Shown as the product card when Show product card is on.

  • Verified badge

    • Show verified badge: Shows a check mark badge under the author name.

    • Verified label: Text of the badge (default "Verified customer").

  • Star rating

    • Star rating: The review's rating, 0–5 in half-star steps. Set to 0 to hide the stars on this review.

    • Star color: Color of the stars.

4. Tips

  • Star rating only appears when Show star rating is turned on in the section settings.

  • Use portrait images (for example 4:5, at least 1200px wide) so they fill the image side without heavy cropping.

  • On mobile, the image stacks above the review panel and the quote text is shown slightly smaller.

  • To show several reviews at once in 2 or 3 columns, use the Testimonials section.

Was this helpful?