Overview
You can use the multicolumn section to display content in a column layout, and add a button below the columns to take the customer to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or provide a review.
Section settings
| Setting |
Description |
| Section width |
Set the width of the section using the drop-down menu:
|
| Section spacing |
Set the spacing of the section using the drop-down menu:
|
| Use wider gap between columns |
Click the checkbox to make the gap wider between the columns. |
| Background color |
The background color for the section. |
| Text color |
The text color for the section. |
| Mobile layout |
How the blocks display on mobile. Choose between Horizontal and Stacked |
| GRID |
Those settings apply only if the mobile layout is set to grid. |
| Number of columns on desktop |
Set a specific column layout for desktop computers. Choose from 1 to 6. |
| Number of columns on mobile |
Set a specific column layout for mobile devices. Choose between 1 and 2 columns. |
Column block
| Setting |
Description |
| Image |
The image that you want to display. |
| Edit alt text |
Add a brief image description to improve SEO and to describe the image for customers using screen readers. |
| Image position |
Choose between Top and Bottom |
| Link |
URL for the link. Leave empty for no link. |
| BADGE |
|
| Badge |
Badge text. |
| TEXT |
|
| Heading |
The title of the column. |
| Heading size |
Set the font size of heading using the drop-down menu:
|
| Description |
The paragraph text in the column. |
| BUTTON |
|
| Button label |
The text of a link added below the column block. |
| Button style |
The style of the button. Choose from Primary, Secondary, Outline and Underline. |
Section header block
| Setting |
Description |
| Heading |
The heading of the section. |
| Header alignment |
Choose the alignment of the section heading. Options are Left and Center. |
| Heading size |
Set the height of heading using the drop-down menu:
|
| Subheading |
The subheading of the section. |
| Button label |
Enter text for a button, or leave blank to hide the button entirely. |
| Button link |
The URL that you want the button to link to. |
