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".
Heading
The title for this section.
Heading style
Style of the heading:
Default
Marquee from left to right - Scrolls text horizontally on the screen, starting from the left side and moving towards the right.
Marquee from right to left - Scrolls text horizontally on the screen, starting from the right side and moving towards the left.
Heading size
The size of the heading text:
Small
Medium
Large
Extra large
Heading alignment
The alignment of the heading text and description within the section container:
Left - Aligns the heading and description to the left.
Center (default) - Aligns the heading and description in the center.
Right - Aligns the heading and description to the right.
Description
The description for this section.
Image width
The width of the image:
One-third width of column
Half width of column
Full width of column
Image ratio
The image ratio for the collection images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Square - Crops the images to use a 1:1 ratio.
Portrait - Crops the images to use a 2:3 ratio.
Circle - Crops the images into the circle.
Number of columns on desktop
Determines the number of columns on the desktop.
Column alignment
The alignment of the content within the column:
Left - Aligns the content to the left.
Center (default) - Aligns the content in the center.
Right - Aligns the content to the right.
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:
Filled
Text link
Outlined
Color scheme
Set the color of the section.
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.
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).
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).
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:
Filled
Text link
Outlined
