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 |
---|---|
Heading | The title of the section. |
Heading size | Change the size of the heading text. Choose between small, medium, or large. |
Image width |
The width of images added to the columns.
|
Image ratio |
The image ratio for the image:
|
Number of columns on desktop | Use the range scale to select the number of columns that appear on desktop computers. Minimum is 1, maximum is 6. |
Column alignment |
The alignment of the images and text within the columns:
|
Secondary background | Choose None to hide the secondary background, or Show as column background to change the column container colors. |
Button label | The text that displays on the button. |
Button link | The URL that you want the button to link to. |
Color scheme | The background color of the multicolumn section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse. |
Number of columns on mobile | Set a specific column layout for mobile devices. Choose between 1 and 2 columns. |
Enable swipe on mobile | Changes the mobile display from a column to a row, where customers can swipe sideways to see more collection blocks. |
Section padding | Add spacing to the top or bottom of the multicolumn section. Use the range slider to add between 0px and 100px of space above or below the multicolumn section. |
Column block
You can have a maximum of 12 columns in one section. If you have one, two, or three column blocks, then they display in one row on desktop. If you have four or more column blocks, then they display in a layout of two columns. On mobile, the column blocks dislpay in a single column, unless Enable swipe on mobile is enabled.
Setting | Description |
---|---|
Image | The image that you want to display. |
Heading | The title of the column. |
Description | The paragraph text in the column. |
Link label [optional] | The text of a link added below the column block. Leave blank if you don't have a link added. |
Link | URL for the link. Leave empty for no link. |
Comments
0 comments
Article is closed for comments.