# Testimonials: Split

<figure><img src="/files/QjyhIWJ4xLZRXoIwOrFa" alt=""><figcaption></figcaption></figure>

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 style="success" %}

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

## How to customize a Testimonials: Split section

### Section settings

#### Layout

<table><thead><tr><th width="189.80377197265625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Container</strong></td><td>Defines whether the section spans the full page width or stays within a fixed content width.</td></tr><tr><td><strong>Alignment</strong></td><td>Sets the content alignment to left or center.</td></tr></tbody></table>

{% tabs %}
{% tab title="Left" %}

<figure><img src="/files/eZJVIm6C3C2m3EOqPnoH" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center" %}

<figure><img src="/files/fQWdwPzE4hdvJUDRBfk3" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Section header

<figure><img src="/files/vVZsP84OPjZKjjO458IV" alt=""><figcaption></figcaption></figure>

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

<table><thead><tr><th width="189.80377197265625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td>Adds a title for the section.</td></tr><tr><td><strong>Highlight style</strong></td><td>Applies a highlight effect to selected text in the heading.</td></tr><tr><td><strong>Preset</strong></td><td>Sets the heading text style.</td></tr><tr><td><strong>Animation type</strong></td><td>Selects the animation effect for the heading.</td></tr><tr><td><strong>Animation delay</strong></td><td>Sets the delay before the animation starts.</td></tr></tbody></table>

#### Carousel settings

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

<table><thead><tr><th width="189.80377197265625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Auto-rotate content</strong></td><td>Automatically switches between testimonial slides.</td></tr><tr><td><strong>Change slides every</strong></td><td>Sets how often the slides change automatically.</td></tr></tbody></table>

#### **Card settings**

Controls the layout and media positioning inside each testimonial card.

<table><thead><tr><th width="189.80377197265625">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Media position</strong></td><td>Sets the image placement to the left or right side of the content.</td></tr><tr><td><strong>Media width</strong></td><td>Controls the width ratio of the media area inside the testimonial card.</td></tr></tbody></table>

{% tabs %}
{% tab title="Media position: Left" %}

<figure><img src="/files/eZJVIm6C3C2m3EOqPnoH" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Media position: Right" %}

<figure><img src="/files/LZJxmF2pMmgoh1hujCg9" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Media width: Narrow" %}

<figure><img src="/files/LZJxmF2pMmgoh1hujCg9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Media width: Wide" %}

<figure><img src="/files/smWRSr8aY7xGYmHgfGyh" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
✨ Check out other section settings: [Overview](/pebble-theme/theme-sections/overview.md#common-settings-available-in-most-sections)
{% endhint %}

### Block settings

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

{% tabs %}
{% tab title="Testimonials" %}

<figure><img src="/files/NOhKisTqqwkYTfNOEJ89" alt=""><figcaption></figcaption></figure>

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

{% hint style="info" %}

## :bulb: 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.
  {% endhint %}

{% hint style="success" %}
📝 Learn more: [Basic](/pebble-theme/theme-blocks/basic.md#testimonial)
{% endhint %}
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/pebble-theme/theme-sections/testimonials-split.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.