> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/sections/key-matrix.md).

# Key matrix

### What It Does

The Key matrix section lets you add a key matrix to your store.<br>

<figure><img src="/files/jGg8QSLIFpADmwp3nbXS" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

#### How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Key matrix"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

#### **Layout**

Controls the Layout. Choose from: Full width, Fit to width.

#### **Type**

Controls the Type. Choose from: Vertical, Horizontal.

#### **Maximum number of items per view / row (desktop)**

Sets how many items appear in each row.

#### **Maximum number of items per view / row (mobile)**

Sets how many items appear in each row. Choose from: 2 columns, 1 column.

**Column appearance**

#### **Padding**

Adjusts the spacing around the content.

#### **Heading font size**

Controls the heading text size.

#### **Subheading font size**

Controls the subheading text size.

#### **Body text font size**

Controls the text size.

**Appearance**

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

**Spacing**

#### **Maximum padding top**

Adjusts the space above the content.

#### **Maximum padding bottom**

Adjusts the space below the content.

***

### Supported Blocks

#### Text block

See the child document for full settings: [Text block](/agnes/sections/key-matrix/_key-matrix-text-block.md)

#### Icon block

See the child document for full settings: [Icon block](/agnes/sections/key-matrix/_key-matrix-icon-block.md)