> For the complete documentation index, see [llms.txt](https://vshop.gitbook.io/vshop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vshop.gitbook.io/vshop/theme-sections/testimonial.md).

# Testimonial

The Testimonial section displays customer feedback in a stylish slider format. It helps build trust and highlight positive experiences from real customers.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FGljSqjOTPeOby5lLCHii%2Fimage.png?alt=media&amp;token=1fc978a4-3e12-4a77-9642-3e1ec5c8b302" alt=""><figcaption></figcaption></figure>

To customize the Testimonial in our theme please follow the steps:

{% hint style="success" %}
Steps

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

## Section Settings

### **Section Header**

* **Show “Section header”:** Enable to display a title and short description.
* **Heading:** Add the section title (e.g., *Customer Say!*).
* **Description:** Write a brief message or introduction.
* **Text alignment:** Align text to *Left*, *Center*, or *Right*.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FsSgqmodJFz4pAkAPleaA%2Fimage.png?alt=media&amp;token=16117ae7-9d74-4930-99eb-61ab8d9ba634" alt=""><figcaption></figcaption></figure>

***

### **General**

* **Layout:** Choose how the section layout appears (e.g., *Default*).
* **Color scheme:** Select a color scheme that matches your theme.
* **Image ratio:** Set the testimonial image ratio (e.g., *Original aspect ratio*, *1:1*, or *Custom*).
* **Custom ratio:** Define your own aspect ratio (e.g., *21:9*).

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FACuuSLyNsI7RnydvxgvT%2Fimage.png?alt=media&amp;token=5392dbac-f674-4ef9-b214-9397bc3cce27" alt=""><figcaption></figcaption></figure>

***

### **Slider Settings**

* **Products to show:** Set how many testimonial items display.
* **Slides per view (desktop):** Choose how many testimonials appear per slide.
* **Slides per view (tablet):** Choose the number of testimonials visible on tablet.
* **Autoplay:** Enable automatic sliding.
* **Autoplay delay:** Set the time between slides (in seconds).
* **Loop:** Allow the slider to continuously loop.
* **Slider arrows:** Show navigation arrows for manual control.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FYIdtm67tp7k6nxJj0wXQ%2Fimage.png?alt=media&amp;token=48419322-f53b-44e3-b703-6215a0ff5455" alt=""><figcaption></figcaption></figure>

***

### **Section Padding**

**Desktop**

* **Padding top / bottom:** Adjust vertical spacing (px).

**Tablet**

* **Padding top / bottom:** Set spacing for tablet view.

**Mobile**

* **Padding top / bottom:** Control spacing on mobile.
* **Remove default space between sections:** Enable to remove default gaps between sections.

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2FVM9T8lTZlWp70RwJCFRo%2Fimage.png?alt=media&amp;token=8a18eab0-7a5f-4ff3-93a8-6c717ee17713" alt=""><figcaption></figcaption></figure>

## Block Settings

Each **Testimonial Block** represents one customer review, including their name, photo, rating, and feedback. You can also link the testimonial to a related product.

#### **General**

* **Color scheme:** Choose a color scheme to match your section design.
* **Image:** Upload the reviewer’s photo or avatar.
* **Name:** Enter the customer’s name.
* **Star rating:** Set the number of stars (1–5) to represent customer satisfaction.
* **Content:** Add the testimonial text or customer feedback.
* **Product:** Link the review to a specific product (optional).

***

<figure><img src="https://370739323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUoKuJAeox3jObJjxBdwE%2Fuploads%2F4S6AkhM7rbakRZ3t4CKn%2Fimage.png?alt=media&amp;token=580a3174-a247-4d76-b5d1-a023ee1f249e" alt=""><figcaption></figcaption></figure>

#### **Tips**

* Use real testimonials to build trust and credibility.
* Keep the text concise and authentic.
* Choose high-quality images for a professional appearance.