> 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="https://2645423936-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLxG2SIHjPDwi3MOrF9a%2Fuploads%2FEQG9QRDBxGcnI63eZkBU%2FKey%20Matrix.png?alt=media&amp;token=64c3078f-9232-469f-b51a-787bbe89bb61" 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)