SR Testimonials 03
This module renders a heading and description above a two-column slider of up to three testimonial slides, each pairing an icon or image on one side with an author name, title, and rich text quote on the other.
Pick it over sr-tabs-slider-02 when slides do not need their own CTA button, and over sr-tabs-testimonials-01 when you want the split icon or image plus text layout instead of a tabbed card format. Supports optional dots, arrows, and autoplay, and works with just an icon if no photo is available.
Use cases
- Client quote slider with photo
- Split image and quote testimonial
- Customer review carousel
- Case study quote with headshot
- Rotating founder testimonials
Where it fits
- Included with: PRO
- Page sections: Testimonials, Proof
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Dots | Boolean | |
| Arrows | Boolean | |
| Autoplay | Boolean | |
| Autoplay Speed | Number |
Heading Repeats: min 0, default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Slides Repeats: min 1, default 3.
| Field | Type | Notes |
|---|---|---|
| Slide Image | Image | |
| Image Corner Radius | Number | Set the corner radius of the image. |
| Slide Author Name | Text | |
| Slide Author Title | Rich text | |
| Testimonial | Rich text |
Slides › Icon
| Field | Type | Notes |
|---|---|---|
| Icon Type | Choice | Options: Icon, SVG, None. |
| Icon | Icon | |
| SVG | Text | |
| Color | Color | |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Columns › Content Repeats: min 1, max 4, default 1. Columns follow a twelve column grid.
| Field | Type | Notes |
|---|---|---|
| Column Breakpoint | Choice | Options: None, Mobile, Tablet, Desktop, XL. |
| Column Width | Choice | 12 options, including 1, 2, 3. |
| Column Offset | Choice | 13 options, including 0, 1, 2. |
| Column Order | Number |
Columns › Content Repeats: min 1, max 4, default 1. Columns follow a twelve column grid.
| Field | Type | Notes |
|---|---|---|
| Column Breakpoint | Choice | Options: None, Mobile, Tablet, Desktop, XL. |
| Column Width | Choice | 12 options, including 1, 2, 3. |
| Column Offset | Choice | 13 options, including 0, 1, 2. |
| Column Order | Number |
Style tab
Change log
| Version | Change |
|---|---|
| 4.0.0 | Stardust update |
| 3.2.1 | Column breakpoint fix |
| 3.2.0 | Accessibility improvements |
| 3.1.0 | Added responsive background options |
| 3.0.0 | Removed jQuery |
SR Tabs Vertical 01
This module renders a heading, optional description, and a set of text-only tabs with a vertical list of short labels on the left and a matching content panel with its own heading and rich text on the right, with an optional sticky tab list.
Multistep Form
Renders an optional intro panel with label, heading, description and start button, followed by a multistep form with 3 tabbed steps by default, each step carrying its own tab label, tab name, up to 3 field groups, and previous or next buttons.