SR Stats 02
Renders an optional heading and description above a row of up to three stat blocks, each pairing a number with a prefix, suffix, and short caption pulled from the repeater.
Pick this one over the other stats modules when you need to set an explicit column order for each stat independent of column width, since it exposes a per-stat column_order field alongside custom column width and offset, plus an optional icon or image and an accessibility purpose toggle (decorative vs semantic) for that icon. Feed it plain numeric values and short captions; icon color, image, and custom column sizing are all optional per stat rather than required.
Use cases
- Three-stat metrics row
- Reordered stat columns for mobile
- Key performance numbers with icons
- Counter animation on scroll
- Uneven stat column widths
- Product usage stats banner
Where it fits
- Included with: PRO
- Page sections: Stats, Proof, Content
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. |
| Animate Stats | Boolean | |
| Animation Speed | Number | Time to animate in seconds. |
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 |
Stats Repeats: min 1, default 3.
| Field | Type | Notes |
|---|---|---|
| Image Type | Choice | Options: None, Image, Icon. |
| Image | Image | |
| Icon | Icon | |
| Icon Size | Number | |
| Icon Color | Color | |
| Prefix | Text | |
| Suffix | Text | |
| Description | Text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Format Number | Boolean | Format the number with commas. |
| Custom Column Size | Boolean | |
| 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. |
Stats › Stat Repeats: min 1, max 1, default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Number | |
| 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 |
Stats › Column Size Repeats: min 1, max 4, default 1.
| 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 |
|---|---|
| 3.0.0 | Stardust update |
| 2.2.1 | Column breakpoint fix |
| 2.2.0 | Accessibility improvements |
| 2.1.0 | Added responsive background options |
| 2.0.2 | Added Column sizes option |
| 2.0.1 | Added image option |
SR Stats 01
This module renders a heading and optional description above a row of three stat blocks, each showing a big number with prefix and suffix text, a short caption, and an optional icon or image.
SR Stats 03
Renders a heading and description above a row of three stat blocks, each showing a numeric value with a prefix, suffix, and short caption, plus an optional icon or image above the number.