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

# Product testimonials

The **Product Testimonials** section showcases customer feedback, reviews, or quotes related to a specific product or collection. This section builds trust and social proof by featuring real user experiences, helping to influence purchasing decisions and enhance credibility.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FNhRVqWJRigs7wOBFgsPf%2Fimage.png?alt=media&amp;token=500b84f9-0667-498d-9888-727323230cbb" alt=""><figcaption></figcaption></figure>

### Section settings <a href="#section-settings" id="section-settings"></a>

#### General settings <a href="#general-setting" id="general-setting"></a>

| Setting                                | Description                                                                                                                                                                                                                                                                                                                                                                                                                               |
| -------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Section width**                      | <p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fixed width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Expand full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul> |
| **Color scheme**                       | Select colors from **Theme settings -> Colors**                                                                                                                                                                                                                                                                                                                                                                                           |
| **Subheading**                         | The subheading of the section                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Heading**                            | The title of the section                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **Enable heading underline animation** | Enable heading underline animation                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Underline style**                    | Select Underline style                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **Underline color**                    | Customize Underline color                                                                                                                                                                                                                                                                                                                                                                                                                 |
| **Description**                        | The description of the section                                                                                                                                                                                                                                                                                                                                                                                                            |
| **Heading size**                       | <p>The size of the title:</p><ul><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul>                                                                                                                                                                                                                                                                                                      |
| **Alignment**                          | <p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul>                                                                                                                                                                                                                                                                                 |

#### Testimonial <a href="#blog-posts" id="blog-posts"></a>

<table><thead><tr><th width="351">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Desktop image position</strong></td><td>Which blog you want to display blog posts from. Defaults to the first blog alphabetically on your <a href="https://shopify.com/admin/blogs">Blogs page.</a></td></tr><tr><td><strong>Image ratio</strong></td><td><p>The image ratio for the featured images of the blog posts:</p><ul><li><strong>Adapt to image</strong> - Uses the aspect ratio of the images. This prevents the images from being cropped.</li><li><strong>Portrait</strong> - Crops the images to use a 3:4 ratio.</li><li><strong>Square</strong> - Crops the images to use a 1:1 ratio</li><li><strong>Landscape</strong> - Crops the images to use a 4:3 ratio</li></ul></td></tr><tr><td><strong>Show verified buyer</strong></td><td>This setting enable a "Verified" label to build customers' trust</td></tr><tr><td><strong>Show rating</strong></td><td>Enable the rating for a product</td></tr><tr><td><strong>Rating type</strong></td><td><p>2 options for <strong>Rating type</strong></p><ul><li>Default</li><li>Modern</li></ul></td></tr><tr><td><strong>Rating color</strong></td><td>Customize the color of the star rating icon</td></tr><tr><td><strong>Product image corner radius</strong></td><td><p>2 options for Product image corner radius</p><ul><li>Inherit</li><li>Rounded</li></ul></td></tr><tr><td><strong>Items per row on desktop</strong></td><td>Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.</td></tr><tr><td><strong>Column gap</strong></td><td><p>4 options for column gap</p><ul><li><strong>No gap</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li></ul></td></tr></tbody></table>

#### Carousel settings <a href="#settings-for-carousel" id="settings-for-carousel"></a>

| Setting                        | Description                                                         |
| ------------------------------ | ------------------------------------------------------------------- |
| **Show navigation**            | Display the next and back controls for the carousel                 |
| **Show pagination**            | Control the pagination for the carousel                             |
| **Auto-change slide**          | When enabled, the carousel will run automatically                   |
| **Change slides every**        | The running period of the carousel                                  |
| **Reveal next slide**          | Display a part of the upcoming slide.                               |
| **Image ratio on mobile**      | The image ratio for the featured images of the blog posts on mobile |
| **Items per row on mobile**    | Number of columns to display on mobile devices                      |
| **Hide description on mobile** | Hide the blog description on mobile                                 |

#### Section padding <a href="#section-padding" id="section-padding"></a>

| Setting    | Description                                |
| ---------- | ------------------------------------------ |
| **Top**    | Customize the top margin of the section    |
| **Bottom** | Customize the bottom margin of the section |

#### Section divider <a href="#section-padding" id="section-padding"></a>

| Setting          | Description                             |
| ---------------- | --------------------------------------- |
| **Show divider** | Customize the top margin of the section |