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:
|
Show top outline |
Displays the top outline of the section. |
Show bottom outline |
Displays the bottom outline of the section. |
Color scheme |
Set the color scheme of the section using the drop-down menu:
- Background
- Primary
- Secondary
- Tertiary
- Custom
|
Background color |
Set the background of the section,visible when the Color scheme setting is set to Custom. |
Text color |
Set the text of the section,visible when the Color scheme setting is set to Custom. |
Columns alignment |
Set the alignment of the Columns using the drop-down menu:
|
Use wider gap between columns |
Click the checkbox to make the gap wider between the columns. |
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:
|
Subheading |
The subheading of the section. |
Description |
The descriptino 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. |
Button style |
The style of the button. Choose between Primary, Outline and Underline. |
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. |
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. |