# Testimonials

<Tabs>
<Tab title="Testimonials: Slider">

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20-%202025-11-26T143633.745_mnKyHYjO.jpg)

</Tab>

<Tab title="Testimonials: Parallax">

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20-%202025-11-26T143941.226_mlzqGcc0.jpg)

</Tab>

<Tab title="Testimonials: Carousel">

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20-%202025-11-26T144607.385_nr8bTBiS.jpg)

</Tab>

<Tab title="Testimonials: Grid">

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20-%202025-11-26T144944.096_d0j1VKmU.jpg)

</Tab>
</Tabs>

The **Testimonials** section in the Pebble theme offers **different display styles**, each designed for different types of stores and content volume. All presets let you mix images, review text, ratings, and author info to highlight social proof and build trust.

## How to add a Testimonials section to your Shopify store

<Hint type="success">

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Testimonials** section.
3. Make necessary changes.
4. **Save.**

</Hint>

## How to edit the section Testimonials

### Overview of all layouts (presets)

<Tabs>
<Tab title="Testimonials: Slider">

![image](https://docs-assets.foxecom.app/pebble-theme/image_dJQeF81p.png)

A single-review slider with thumbnails as navigation.

<Hint type="success">

**Best for:**

* Long-form testimonials
* Hero-style storytelling
* Premium brands wanting an elegant, editorial presentation

</Hint>

**See settings:**&#x20;

[Section settings](#section-settings)

[Slider-specific settings](#slider-specific-settings)

</Tab>

<Tab title="Testimonials: Parallax">

![image](https://docs-assets.foxecom.app/pebble-theme/scrollingcards_Z31lxsBH.gif)

A visually striking layout with staggered scrolling, creating movement as users scroll.

<Hint type="success">

**Best for:**

* Pages with a strong storytelling focus
* Unique and premium layouts
* UGC-heavy reviews with imagery

</Hint>

**See settings:**&#x20;

[Section settings](#section-settings)

</Tab>

<Tab title="Testimonials: Carousel & Grid">

A flexible layout that supports both **Carousel** (horizontal sliding) and **Grid** (static) display.

<div>![Testimonials: Carousel](https://docs-assets.foxecom.app/pebble-theme/image_gmRhdWvx.png) ![Testimonial: Grid](https://docs-assets.foxecom.app/pebble-theme/image_1rahe0Uw.png)</div>

<Hint type="success">

**Best for:**

* Stores with many short reviews
* Quick-scan layouts
* Rapid social-proof sections (4–12 testimonials)

**Carousel strengths:**

* Great for storytelling that moves horizontally
* Saves vertical space

**Grid strengths:**

* Allows many testimonials on one screen
* Best for showcasing volume

</Hint>

**See settings:**&#x20;

[Section settings](#section-settings)

</Tab>
</Tabs>

### Section settings

#### **Layout settings**

<Table widths="275,auto">

| Setting | Description |
| --- | --- |
| **Type** (Carousel/Grid) | Available in the **Carousel &#x26; Grid** preset; determines how testimonials are displayed. |
| **Columns** | Number of columns on desktop (for Carousel &#x26; Grid). |
| **Column gap** | Horizontal spacing between items. |
| **Enable swipe on mobile** | Allows touch swiping for carousel-style layouts. |
| **Mobile columns** | 1 or 2 columns on mobile (Grid &#x26; Carousel). |

</Table>

#### **Slider-specific settings**

<Table widths="275,auto">

| Setting | Description |
| --- | --- |
| **Autoplay** | Automatically cycles through slides. |
| **Autoplay delay** | Time (in seconds) before moving to the next slide. |

</Table>

### Block settings

<Tabs>
<Tab title="Testimonials: Slider">

In each **Testimonial** block:&#x20;

* Upload a featured image

![image](https://docs-assets.foxecom.app/pebble-theme/image_nLwnVgls.png)

* Add review text

![image](https://docs-assets.foxecom.app/pebble-theme/image_2yTt4kwS.png)

* Add author info (name, bio, icon, etc.)

![image](https://docs-assets.foxecom.app/pebble-theme/image_BCV8lCrF.png)

</Tab>

<Tab title="Testimonials: Parallax">

The **Testimonials: Parallax** includes a **Section header** and multiple **Testimonial** blocks.

* **Section header** block: [Learn more](https://docs.foxecom.com/pebble-theme/theme-blocks/storytelling#section-header)
* **Testimonial** block: display a featured image (optional), review text and author info in stack style.

![image](https://docs-assets.foxecom.app/pebble-theme/image_KwJhZcfi.png)

</Tab>

<Tab title="Testimonials: Carousel & Grid">

You can add multiple **Testimonial** blocks to the section.&#x20;

![image](https://docs-assets.foxecom.app/pebble-theme/image_WWwM6Zyl.png)

*Learn more about the block:*

<PageLink href="https://docs.foxecom.com/pebble-theme/theme-sections/testimonials">Testimonials</PageLink>

</Tab>
</Tabs>

<Hint type="info" title="💡 Best practices">

* Show an author name or identifier. Examples:

  * Customer Name
  * Verified Buyer
  * Industry expert
  * Editor / Reviewer

  Names drastically increase trust.&#x20;
* Keep spacing consistent. Check:
  * Uniform image sizes
  * Equal padding across sections

</Hint>