Testimonials
Testimonials shows customer quotes, each with a photo. Shoppers select a thumbnail to read that quote, or move through the quotes with the arrows or autoplay.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose Testimonials.
The package uses this section on the Home page template.
Settings
View the section guide .
Heading content
| Setting | Options | Description |
|---|---|---|
| Subheading | Short line of text shown above the heading. | |
| Heading | Main heading shown above the testimonials. | |
| Description | Supporting text shown below the heading. | |
| Heading size | • Large | Sets the size of the heading: small, medium or large. |
| Heading alignment | • Left | Aligns the subheading, heading and description to the left, center or right. |
Testimonial settings
Thumbnail width sets the size of each photo thumbnail, from 100 to 300 px. Show quote icon adds a quote mark to each quote.
| Setting | Options | Description |
|---|---|---|
| Thumbnail width | Width of each customer thumbnail in the row under the quote. It has no effect when Show pagination is off. | |
| Show quote icon | Shows a faint quotation mark icon at the start of each quote. |
Thumbnail carousel settings
| Setting | Options | Description |
|---|---|---|
| Thumbnails per view | Number of thumbnails shown at once under the quote on desktop and tablet. Mobile always shows two and a half. It has no effect when Show pagination is off. |
Layout
Content max width sets the width of the quote text, from 40% to 100%. The width adjusts on mobile automatically.
| Setting | Options | Description |
|---|---|---|
| Content max width | Max width is automatically optimized for mobile. |
Carousel
| Setting | Options | Description |
|---|---|---|
| Show arrows | Shows previous and next arrows to move between quotes. | |
| Show pagination | Shows a row of customer thumbnails under the quote, using each testimonial's image. Thumbnails of quotes that are not showing are dimmed. | |
| Enable autoplay | Moves to the next quote automatically. | |
| Autoplay interval | Seconds each quote stays on screen before the next one appears. Used when Enable autoplay is on. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Page width keeps the section inside the standard page container. Wide uses a wider container. Full width runs edge to edge. |
| Top padding | Space above the section. | |
| Bottom padding | Space below the section. | |
| Show top border | Draws a line along the top edge of the section. |
Blocks
Testimonial (_testimonial)
One customer quote with an image. The image also appears as the thumbnail under the quote when Show pagination is on.
| Setting | Options | Description |
|---|---|---|
| Image | Customer image for the quote. 1920px x 840px recommended. | |
| Quote | Quote text shown on the slide. |
No comments yet