> ## 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.

# Numbered steps

> Numbered step cards, each with a measurement line, an optional bench sheet of results beside them and buttons under them: how you test, how pickup works, how to claim.

![Numbered steps on the storefront](https://mintcdn.com/kwebby/MS8e7xtq5qj3x24S/images/kelvin/test-steps.webp?fit=max\&auto=format\&n=MS8e7xtq5qj3x24S\&q=85\&s=c6a506ab180133c885542b5b857fba2b)

Numbered steps, highlighted with the demo content

## Where to find it

On install it is on three page templates: about (How we test, with the bench sheet), care (How to make a claim) and stores (How pickup works). Create the page in **Online Store → Pages** with **Theme template** about, care or stores, then in the theme editor choose **Pages**, pick the template and select **Numbered steps**. Add it to other templates with **Add section**.

## How it works

* Steps are numbered 01, 02 and so on in order; the number is decorative and the list is read as an ordered list.
* Measurement value and Measurement unit show in a monospace line at the bottom of a step, such as 2 to 24 h.
* Steps per row on desktop sets 2, 3 or 4 columns. Under 1180 px four columns become two, under 1000 px three become two, and under 750 px the steps stack.
* The bench sheet shows when its Heading is filled in or it has at least one Bench sheet row block. It sits beside the steps on a contrasting panel and limits them to two per row; under 1180 px it moves under the steps.
* Bench sheet rows show Measurement, Result and Note in a table, followed by the Verdict as a tag and the Verdict text. Product adds a See link to the tested product.
* Link label and Link show a link beside the heading; the two buttons show under the steps when both label and link are filled in.
* Link id gives the section an anchor: the templates use testing, claims and pickup.

![Numbered steps in the theme editor](https://mintcdn.com/kwebby/QKNMzt7KPy_yk6ai/images/kelvin/editor-test-steps.webp?fit=max\&auto=format\&n=QKNMzt7KPy_yk6ai\&q=85\&s=30020a0f522b713c45550e850b6039db)

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

## Edit it

* Add a Step block per step (up to 8) with Heading, Text, Measurement value and Measurement unit.
* Choose Steps per row on desktop to match the number of steps, such as 4 for four steps.
* For test results, fill in the bench sheet's Kicker, Heading, Test details, Verdict, Verdict text and Product, and add Bench sheet row blocks (up to 10).
* To hide the bench sheet, clear its Heading and remove every Bench sheet row block.
* Add buttons such as Start a claim with First button link /pages/contact?topic=warranty-claim.

## 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 #testing jump to this section. Letters, numbers and hyphens. |
| **Heading** | Text. Default: How it works. |
| **Text** | Formatted text. |
| **Link label** | Text. |
| **Link** | Link: a page, product, collection or web address. |
| **Steps per row on desktop** | Options: 2, 3, 4. Two at most when the bench sheet shows. Default: 3. |
| **First button label** | Text. |
| **First button link** | Link: a page, product, collection or web address. |
| **Second button label** | Text. |
| **Second button link** | Link: a page, product, collection or web address. |

**Bench sheet**

| Setting | What it does |
| - | - |
| **Kicker** | Text. Default: Bench sheet · sample. |
| **Heading** | Text. Such as the product the results belong to. |
| **Test details** | Text. Such as when and where it was tested. |
| **Verdict** | Text. |
| **Verdict text** | Text. |
| **Product** | Choose a product. Adds a link to the tested product. |

## Blocks

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

### Step (up to 8)

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Step title. |
| **Text** | Formatted text. |
| **Measurement value** | Text. Shown in the monospace line at the bottom, such as 2 to 24. |
| **Measurement unit** | Text. Such as h, dB(A) or °C over ambient. |

### Bench sheet row (up to 10)

| Setting | What it does |
| - | - |
| **Measurement** | Text. Default: Battery life. |
| **Result** | Text. Default: 41 h. |
| **Note** | Text. Such as the figure claimed on the box. |

> [!NOTE]
>
> On install the about template's bench sheet is a sample (Heading Sample product, Kicker Bench sheet · sample, three rows). Replace it with a real test or hide it.
>
> On the care and stores templates some step texts are placeholder guidance, such as Say how soon a person replies and what happens next. The pickup steps have no Measurement value on install, so the second step shows only its unit, h, until you add a value such as 2 to 24 or clear the unit.


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