# Testimonials: Split

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light_QjyhIWJ4.jpg)

Showcase customer reviews in a split layout to create a more engaging storytelling experience.

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

<Hint type="success">

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

</Hint>

## How to customize a Testimonials: Split section

### Section settings

#### Layout

<Table widths="189.80377197265625,auto">

| Setting | Description |
| --- | --- |
| **Container** | Defines whether the section spans the full page width or stays within a fixed content width. |
| **Alignment** | Sets the content alignment to left or center. |

</Table>

<Tabs>
<Tab title="Left">

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

</Tab>

<Tab title="Center">

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

</Tab>
</Tabs>

#### Section header

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

Adds a heading for the section and lets you customize its style, text highlight, alignment, and animation settings.&#x20;

<Table widths="189.80377197265625,auto">

| Setting | Description |
| --- | --- |
| **Heading** | Adds a title for the section. |
| **Highlight style** | Applies a highlight effect to selected text in the heading. |
| **Preset** | Sets the heading text style. |
| **Animation type** | Selects the animation effect for the heading. |
| **Animation delay** | Sets the delay before the animation starts. |

</Table>

#### Carousel settings

Controls automatic slide rotation and sets the interval between slide changes.

<Table widths="189.80377197265625,auto">

| Setting | Description |
| --- | --- |
| **Auto-rotate content** | Automatically switches between testimonial slides. |
| **Change slides every** | Sets how often the slides change automatically. |

</Table>

#### **Card settings**

Controls the layout and media positioning inside each testimonial card.

<Table widths="189.80377197265625,auto">

| Setting | Description |
| --- | --- |
| **Media position** | Sets the image placement to the left or right side of the content. |
| **Media width** | Controls the width ratio of the media area inside the testimonial card. |

</Table>

<Tabs>
<Tab title="Media position: Left">

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

</Tab>

<Tab title="Media position: Right">

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

</Tab>
</Tabs>

<Tabs>
<Tab title="Media width: Narrow">

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

</Tab>

<Tab title="Media width: Wide">

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

</Tab>
</Tabs>

<Hint type="info">

✨ Check out other section settings: [Common settings available in most sections](page://625cd9e1-7d1f-49ba-9df4-c57c5aafffa9#common-settings-available-in-most-sections)

</Hint>

### Block settings

The **Testimonials: Split** section includes multiple **Testimonials** blocks for displaying testimonial content.

<Tabs>
<Tab title="Testimonials">

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

Adds a testimonial item with images, product references, review text, reviewer info, icons, and customizable styles for a more engaging presentation.

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

* **Use consistent image ratios**: This block does not include an image ratio setting, so we recommend uploading all testimonial images with the same aspect ratio (recommended: 1:1) to maintain a clean and consistent slider layout.
* **Optimize image sizes**: Use compressed images with balanced dimensions (recommended width: 1200px–1600px) to ensure fast loading performance without reducing visual quality.
* **Keep testimonial content concise**: For the best visual balance, avoid overly long testimonial text. Short to medium-length content provides a cleaner appearance and improves readability across desktop and mobile devices.

</Hint>

<Hint type="success">

📝 Learn more: [Basic](page://0c49f0ee-0490-40c8-ad62-d9db25ad3673#testimonial)

</Hint>

</Tab>
</Tabs>