> For the complete documentation index, see [llms.txt](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nghiaxchis.gitbook.io/ciseco-hydrogen-shopifys-headless-theme/cisecos-features/ciseco-metaobject-definitions-and-metafield-definitions/9-section-or-steps.md).

# 9 - Section | Steps

### 1. Metaobject definition - *Section | Steps*

This definition includes a basic set of fields to render a Steps section.

**Note**:  The **Labels, Headings, Contents,** and **Icons** fields all need to be set in the **"List of value"** option.

<figure><img src="https://2369203281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8ej7PWHlKyrp3Yi6VZq%2Fuploads%2FGWifNrp8Iu0bEld4QhzD%2FScreenshot%202024-04-25%20at%2016.18.17.png?alt=media&amp;token=3c3f77eb-4006-44b0-a3ac-203b3933a63e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:**

Because each value will represent a corresponding step. For example, **Step 1** will include the first value of Headings, Contents, Icons, and Labels. **Step 2** will include the second value of Headings, Contents, Icons, and Labels, etc.
{% endhint %}

<figure><img src="https://2369203281-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fd8ej7PWHlKyrp3Yi6VZq%2Fuploads%2FWS0eUl3aaHKmHwxh7lE3%2FSection-Steps.png?alt=media&amp;token=622ffc96-535a-472b-8a78-710b980754c2" alt=""><figcaption></figcaption></figure>
