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

# Multicolumn

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

The **Multicolumn** section lets you display up to 8 columns in a flexible grid format—each column can include an image, heading, description, and optional link.&#x20;

Perfect for showcasing unique selling propositions, shipping details, product guarantees, or any key messages that help build trust and inform your customers.

## How to add a Multicolumn section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section.**
2. Select **Multicolumn.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Multicolumn section

### Section settings

<table><thead><tr><th width="250">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Layout settings</strong></td><td>Choose horizontal or vertical display</td></tr><tr><td><strong>Image width</strong></td><td>Set the size of icons or images in each column</td></tr><tr><td><strong>Number of columns</strong></td><td>Choose how many columns to show on desktop and mobile</td></tr><tr><td><strong>Column gap &#x26; row gap</strong></td><td>Adjust spacing between columns and rows</td></tr></tbody></table>

### Item Settings

In each block, upload/ select an image for the column.

You can add a heading, subheading, descriptive text, and a button.

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

### Best practices

* Use simple icons or illustrations for a clean visual impact.
* Keep descriptions short—ideally one sentence per column.
* Use button links only if they genuinely add value—too many can overwhelm.