> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Figures

> A row of numbers, each with a small unit and a label, such as the year you started or how many products you have tested.

![Figures on the storefront](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/figures.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=122a354d33168c34f88ef4bb0ecac315)

Figures, highlighted with the demo content

## Where to find it

The about template (page.about), under the page heading. Create a page in **Online Store → Pages** with **Theme template** about, then in the theme editor choose **Pages**, then **about**, and select **Figures**.

## How it works

* Each Figure shows the Number large, the Unit small after it and the Label under it, in joined boxes.
* Up to five figures sit in a row; more wrap onto a second row. Under 1000 px they show two per row, and an odd count makes the first one full width.
* Spacing Close to the section above tucks the row under the page heading; Like other sections gives it normal spacing.
* With Show the heading off, the heading is still read by screen readers.
* Show a sample note adds the Sample note under the figures, so shoppers know the numbers are examples.

![Figures in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-figures.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=92b7db2c11bd6f6468425d59a9d2b809)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Add a Figure block per number (up to 10) with Number, Unit (such as stores, h or / 5) and Label.
* Type numbers exactly as they should read, such as 1,240; nothing is calculated.
* Turn off Show a sample note once the figures are your own.
* Turn on Show the heading and edit Heading to give the row a visible title.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Link id** | Text. Lets a link such as #numbers jump to this section. Letters, numbers and hyphens. |
| **Heading** | Text. Default: In numbers. |
| **Show the heading** | On or off. When hidden, screen readers still read it. Default: off. |
| **Spacing** | Options: Close to the section above, Like other sections. Default: Close to the section above. |
| **Show a sample note** | On or off. Turn on while the figures are examples rather than your own. Default: off. |
| **Sample note** | Text. Default: Sample figures for the theme demo. |

## Blocks

Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Figure (up to 10)

| Setting | What it does |
| - | - |
| **Number** | Text. Default: 100. |
| **Unit** | Text. Shown small after the number, such as h, stores or / 5. |
| **Label** | Text. Default: What the number counts. |

> [!NOTE]
>
> On install the about template's four figures are placeholders, such as a Number of Year with the Label The year you opened, and Show a sample note is on (Sample figures. Replace them with your own.). Only publish numbers you can stand behind.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.