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.

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Multicolumn".

Section settings

Setting	Description
Show separator line	Displays a line to visually separate the subtotal from the page's content.
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.
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.

Column

Setting	Description
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.
Heading size	The size of the heading text: Small Medium Large
Text size	The size of the text: Small Medium Large

Mobile layout

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.

Spacing

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).

Section padding

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).

Column block

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 button.
Link	The URL that you want the button to link to.
Button style	Style of the button: Filled Text link Outlined