# Stats section

Source: https://themes.spicydesign.ca/help/reference/sections/stats/
Updated: 2026-11-12

Count-up numbers with prefix / suffix faces and dividers. Settings for the Stats section in the Picante Shopify theme.


Count-up numbers with prefix / suffix faces and dividers.

The same section in the three themes:

![The Stats section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-stats--picante.webp)

![The Stats section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-stats--overdrive.webp)

![The Stats section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-stats--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Stats**.

When you add this section, you can start from these presets: **Stats**, **Stats with heading**.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Columns on desktop | Slider | 4 | 1 to 6, step 1 |  |
| Columns on mobile | Slider | 2 | 1 to 3, step 1 |  |
| Gap | Slider | 40 px | 0 to 100 px, step 4 |  |
| Alignment | Text alignment | left | Left, center, right |  |
| Dividers | Select | Line above each number | None, Lines between columns, Line above each number |  |

### Numbers

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Size | Select | Large | Small, Medium, Large, Extra large | Numbers shrink on their own when a column is too narrow to hold them. |
| Font | Select | Heading | Heading, Accent, Body |  |
| Count-up duration | Slider | 1600 ms | 400 to 4000 ms, step 200 | Numbers roll up from zero the first time they scroll into view. |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 3 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 80 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |

## Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: **Stat**.

You can also add any theme block (see [Blocks](https://themes.spicydesign.ca/help/reference/blocks/heading/)) and app blocks to this section.

### Stat block settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Number | Number | 100 |  | Keeps decimals, for example 4.9. |
| Group thousands (1,200) | Checkbox | On |  |  |
| Prefix | Text |  |  |  |
| Suffix | Text | + |  |  |
| Prefix and suffix style | Select | Thin accent font | Same as the number, Thin accent font, Small, raised |  |
| Label | Text | Add a stat label |  |  |
| Text | Rich text |  |  |  |
| Number color | Select | Color scheme text | Color scheme text, Accent, Custom |  |
| Custom text color | Color |  |  | Shown when **Number color** is Custom. |

#### Colors and border

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Inherit color scheme | Checkbox | On |  |  |
| Color scheme | Color scheme | Scheme 3 |  | Shown when **Inherit color scheme** is off. |
| Corner radius | Slider | 0 px | 0 to 80 px, step 2 |  |
| Border | Select | None | None, Solid, Dashed |  |
| Border thickness | Slider | 2 px | 1 to 8 px, step 1 | Shown when **Border** is not None. |

#### Padding

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Customize padding | Checkbox | Off |  | Padding settings stay visible while any side has padding. Set a side to 0px to remove its padding. |
| Top padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Bottom padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Left padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |
| Right padding | Slider | 0 px | 0 to 100 px, step 2 | Shown when **Customize padding** is on or **Top padding** is on or **Bottom padding** is on or **Left padding** is on or **Right padding** is on. |

#### Motion

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |