SR Clients Carousel 01
This module renders a heading, optional rich text description, and up to five client or partner logos, each with an optional link, shown either as a static wrapped row or a carousel with dots, autoplay, and autoscroll.
Pick it over SR Clients 01 and 02 when you have a small logo count and want a lighter carousel-first setup rather than grid columns, grayscale toggles, or a larger logo count. It expects logo images sized consistently, since it has no grayscale or per-row column controls like its siblings.
Use cases
- Customer logo strip
- Partner logo carousel
- As seen in press logos
- Integration partner row
- Trusted by section
- Small client showcase
Where it fits
- Included with: Free
- Page sections: Proof, Content, 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. |
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Carousel | Boolean |
Heading Repeats: min 0, default 0.
| 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 |
Logos Repeats: default 5.
| Field | Type | Notes |
|---|---|---|
| Image | Image | |
| Link | Link | |
| Aria Label | Text | The aria-label attribute is used on links that have no accessible name to give it meaning to screen readers. |
Carousel Settings
| Field | Type | Notes |
|---|---|---|
| Dots | Boolean | |
| Autoplay | Boolean | |
| Auto Scroll | Boolean | Continuously scrolls the carousel. |
| Scroll Speed | Number | Adjust the scroll speed: lower numbers are slower. Negative numbers reverse the scroll direction. |
| Autoplay Speed | Number | Set to 0 for continuous autoplay. |
| Logos to Show | Number |
Style tab
Change log
| Version | Change |
|---|---|
| 3.0.0 | Stardust update |
| 2.2.1 | Aria label fix |
| 2.2.0 | Accessibility improvements |
| 2.1.0 | Added responsive background options |
| 2.0.2 | Added back JS slider functionality |
SR Clients 02
Renders an optional heading, rich-text description, and a row of up to 9 client or partner logos, each optionally wrapped in a link.
SR Contact 01
This module renders a two-column contact block with a map on one side and a text card on the other, the map shown as a static image, an embed code, or a live Google Map with latitude, longitude, zoom and marker controls, and the text card holding a heading, rich text description, and an optional row of CTA buttons.