# Product testimonials

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FWmJBXaIWMY0Ule8RT40I%2Fimage.png?alt=media&#x26;token=bfa2c6e6-dd44-4e98-a9a3-6744ad1da50b" alt=""><figcaption></figcaption></figure>

The **Product testimonials** section lets you feature quotes from customers. It's a type of social proof that talks about your brand, service, and overall experience of your existing customers, building confidence and trust in your potential customers.

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Testimonials**
3. **Save**
{% endhint %}

## General settings

| Setting                | Description                                                                                                                           |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| Section width          | You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video. |
| Color scheme           | You are allowed to change text color, background color, etc. with preset color.                                                       |
| Heading, description   | Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.       |
| Header size, alignment | Adjust the text alignment (left/center/right) along with the font size.                                                               |

## **Testimonial settings**

**Design:** Choose the design style for your layout: "Default" for a classic look or "Modern" for a sleek and contemporary appearance.

**Show image**: Choose whether to display the image within the blocks.

**Show verified buyer**: Opt to display a verification sign for verified buyers.

**Image position:** Customize the placement of images in relation to the content to achieve a balanced and engaging testimonial display.

**Image ratio:** Set the aspect ratio of the image (e.g., square, landscape, or portrait).

**Custom ratio:** Define a custom aspect ratio for the image if predefined options don't fit.

**Width**: Set the width of the image.

**Framed**: Add a border box around each block.

**Rate color**: Specify the color of the star rating.

Specify the quantity of testimonial to display per row, and the gap between two adjacent testimonials.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FTQFYt7KUH0uYALjqCk2G%2Fimage.png?alt=media&#x26;token=fc854ce4-372b-474f-9982-4d8f5a924b66" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FhhJBHhywIDhHwZ1zw9mO%2Fimage.png?alt=media&#x26;token=185e90c0-35af-4970-9241-b768ce9bd89a" alt=""><figcaption></figcaption></figure>

## **Carousel setting** <a href="#carousel-setting" id="carousel-setting"></a>

**Show Next/Back:** Display arrows to navigate to the next or previous item.

**Pagination:** Choose from different types of pagination options.

**Setup period time:** Configure the time interval for changing slides.

**Reveal next slide:** Allow a part of the next slide to be visible while the previous one is still displayed.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F5hOP2U4F8wkOGTKoRo7a%2Fimage.png?alt=media&#x26;token=687b3299-0e19-4615-bf15-c36af8087891" alt=""><figcaption></figcaption></figure>

## **Mobile options and Section padding** <a href="#mobile-options-and-section-padding" id="mobile-options-and-section-padding"></a>

**Items per row:** In mobile view, the number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site.

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F4Lh778gzsGAPkimr1oAG%2Fimage.png?alt=media&#x26;token=c233826d-2657-4690-8ed3-a225e4b0d2f3" alt=""><figcaption></figcaption></figure>

## Blocks settings

The settings for each testimonial block include various options for configuring the sender's information and avatar. This allows you to personalize testimonials by adding names, roles, or any relevant details about the sender, alongside their photo or logo, enhancing credibility and visual appeal.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FVxJNfMfdBP1KEQ8LoF6Y%2Fimage.png?alt=media&#x26;token=5d4e4613-44a5-44b8-b01d-caae93b5bfc6" alt=""><figcaption></figcaption></figure>
