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 |
Spacing position |
Choose from:
- None
- Top
- Bottom
- Top and Bottom
|
Mobile layout |
How the blocks display on mobile. Choose between Horizontal and Stacked |
Color scheme |
A set of colors that you can apply to this section. Learn more about color schemes. |
SECTION HEADER |
|
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:
|
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. |