Multicolumn
Utilize the multicolumn feature to organize your content into a structured columnar format, and incorporate a button beneath these columns that directs customers to another page.
Last updated
Utilize the multicolumn feature to organize your content into a structured columnar format, and incorporate a button beneath these columns that directs customers to another page.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Multicolumn".
Setting | Description |
---|---|
Heading | The title for this section. |
Heading style | Style of the heading:
|
Heading size | The size of the heading text:
|
Heading alignment | The alignment of the heading text and description within the section container:
|
Description | The description for this section. |
Image width | The width of the image:
|
Image ratio | The image ratio for the collection images:
|
Number of columns on desktop | Determines the number of columns on the desktop. |
Column alignment | The alignment of the content within the column:
|
Secondary background | Show the background for the column container. |
Button label | The text that displays on the button. |
Button link | The URL that you want the button to link to. |
Button style | Style of the button:
|
Color scheme | Set the color of the section. |
Setting | Description |
---|---|
Number of columns on mobile | Determines the number of columns on the mobile. |
Enable swipe on mobile | Allow customers to swipe horizontally to view additional column blocks. |
Setting | Description |
---|---|
Top margin | Adjust the space between the top edge of a section and the elements or content above it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom margin | Adjust the space between the bottom edge of a section and the elements or content below it. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Setting | Description |
---|---|
Top padding | Determines the height of the top inner space of the footer. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the footer. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Setting | Description |
---|---|
Image | Add the image for this block. |
Heading | The title for this block. |
Description | The paragraph content for this block. |
Button label | The text that displays on the second button. |
Link | The URL that you want the second button to link to. |
Button style | Style of the second button:
|