# Multicolumn

<figure><img src="/files/3oXIj25qafFPhHZfJvCl" alt=""><figcaption></figcaption></figure>

To add this section, please follow the below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Multicolumn**".

## Section settings <a href="#section-settings-1" id="section-settings-1"></a>

<table><thead><tr><th width="276">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show separator line</td><td>Displays a line to visually separate the subtotal from the page's content.</td></tr><tr><td>Heading</td><td>The title for this section.</td></tr><tr><td>Heading style</td><td><p>Style of the heading:</p><ul><li><strong>Default</strong></li><li><strong>Marquee from left to right</strong> - Scrolls text horizontally on  the screen, starting from the left side and moving towards the right.</li><li><strong>Marquee from right to left</strong> - Scrolls text horizontally on  the screen, starting from the right side and moving towards the left.</li></ul></td></tr><tr><td>Heading size</td><td><p>The size of the heading text:</p><ul><li>Small</li><li>Medium</li><li>Large</li><li>Extra large</li></ul></td></tr><tr><td>Heading alignment</td><td><p>The alignment of the heading text and description within the section container:</p><ul><li><strong>Left</strong> - Aligns the heading and description to the left.</li><li><strong>Center (default)</strong> - Aligns the heading and description in the center.</li><li><strong>Right</strong> - Aligns the heading and description to the right.</li></ul></td></tr><tr><td>Description</td><td>The description for this section.</td></tr><tr><td>Button label</td><td>The text that displays on the button.</td></tr><tr><td>Button link</td><td>The URL that you want the button to link to.</td></tr><tr><td>Button style</td><td><p>Style of the button:</p><ul><li>Filled</li><li>Text link</li><li>Outlined</li></ul></td></tr><tr><td>Color scheme</td><td>Set the color of the section.</td></tr></tbody></table>

#### Column

<table><thead><tr><th width="277">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image width</td><td><p>The width of the image:</p><ul><li>One-third width of column</li><li>Half width of column</li><li>Full width of column</li></ul></td></tr><tr><td>Image ratio</td><td><p>The image ratio for the collection images:</p><ul><li><strong>Adapt to image (default)</strong> - Uses the aspect ratio of the images. This prevents the images from being cropped.</li><li><strong>Square</strong> - Crops the images to use a 1:1 ratio.</li><li><strong>Portrait</strong> - Crops the images to use a 2:3 ratio.</li><li><strong>Circle</strong> - Crops the images into the circle.</li></ul></td></tr><tr><td>Number of columns on desktop</td><td>Determines the number of  columns on the desktop.</td></tr><tr><td>Column alignment</td><td><p>The alignment of the content within the column:</p><ul><li><strong>Left</strong> - Aligns the content to the left.</li><li><strong>Center (default)</strong> - Aligns the content in the center.</li><li><strong>Right</strong> - Aligns the content to the right.</li></ul></td></tr><tr><td>Secondary background</td><td>Show the background for the column container.</td></tr><tr><td>Heading size</td><td><p>The size of the heading text:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Text size</td><td><p>The size of the text:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr></tbody></table>

#### Mobile layout

<table><thead><tr><th width="277">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Number of columns on mobile</td><td>Determines the number of  columns on the mobile. </td></tr><tr><td>Enable swipe on mobile</td><td>Allow customers to swipe horizontally to view additional column blocks.</td></tr></tbody></table>

#### Spacing

<table><thead><tr><th width="276">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top margin</td><td>Adjust the space between the top edge of a section and the elements or content above it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).</td></tr><tr><td>Bottom margin</td><td>Adjust the space between the bottom edge of a section and the elements or content below it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).</td></tr></tbody></table>

#### Section padding

<table><thead><tr><th width="276">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the footer. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the footer. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).</td></tr></tbody></table>

## Column block

<table><thead><tr><th width="276">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Add the image for this block.</td></tr><tr><td>Heading</td><td>The title for this block.</td></tr><tr><td>Description</td><td>The paragraph content for this block.</td></tr><tr><td>Button label</td><td>The text that displays on the button.</td></tr><tr><td>Link</td><td>The URL that you want the button to link to.</td></tr><tr><td>Button style</td><td><p>Style of the button:</p><ul><li>Filled</li><li>Text link</li><li>Outlined</li></ul></td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://halosoft.gitbook.io/soul-documentation/sections/template-sections/multicolumn.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.