SR Cards Testimonial Slider 02
This module renders a single bordered card holding a slider of three testimonial slides, each with an icon or svg mark, a rich text quote, and an author image, name, and title.
Pick it over sliders 01, 04, and 05 when you want just the quote card itself with no shared heading or description, styled as one bordered card that sits left or right in the row with optional negative margin, dots, and autoplay. Choose it over slider 03 when you want a straight bordered card instead of an offset layout, and supply an icon or svg per slide if you want the mark to show.
Use cases
- Single quote card testimonial
- Icon-led customer quote
- Compact testimonial slider
- Left or right aligned quote block
- Bordered card testimonial block
- Autoplaying quote carousel
Where it fits
- Included with: PRO
- Page sections: Testimonials, Proof, CTA
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. |
| Card Position | Choice | Options: Left, Right. |
| Negative Margin | Boolean | |
| Dots | Boolean | |
| Dots Color | Color | |
| Dots Color (Default) | Color | |
| Autoplay | Boolean | |
| Autoplay Speed | Number | In seconds. |
Slides Repeats: min 1, default 3.
| Field | Type | Notes |
|---|---|---|
| Quote | Rich text | |
| Author Image | Image | |
| Author Name | Text | |
| Author Title | 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. |
Style tab
Change log
| Version | Change |
|---|---|
| 4.0.0 | Stardust update |
| 3.2.0 | Accessibility improvements |
| 3.1.0 | Added responsive background options |
| 3.1.0 | Fixed module margin bottom bug on mobile |
| 3.0.0 | Remove jQuery. Added card style fields |
SR Cards Testimonial Slider 01
This module renders a heading, optional rich text description, and a slider of up to six individual testimonial cards on a plain background, each with an optional icon, a rich text quote, and an author name, title, and photo.
SR Cards Testimonial Slider 03
This module renders a single offset card holding a slider of up to three testimonial slides, each pairing an optional icon or custom svg mark with a rich text quote, an author photo, name, and title.