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 |
| Mobile layout |
How the blocks display on mobile. Choose between Horizontal and Stacked
|
| SECTION HEADER |
|
| Heading |
The heading of the section. |
| Heading size |
Set the height of heading using the drop-down menu:
|
| 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. |
| 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.
|
