Chord Section - Multicolumn


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:
  • Grid
  • Full width
Section spacing Set the spacing of the section using the drop-down menu:
  • Small
  • Medium
  • Large
Use wider gap between columns Click the checkbox to make the gap wider between the columns.
Background color The background color for the section.
Text color The text color for the section.
Mobile layout How the blocks display on mobile. Choose between Horizontal and Stacked
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.
Badge Badge text.
Heading The title of the column.
Heading size Set the font size of heading using the drop-down menu:
  • Small
  • Medium
  • Large
Description The paragraph text in the column.
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.

Section header block

Setting Description
Heading The heading of the section.
Header alignment Choose the alignment of the section heading. Options are Left and Center.
Heading size Set the height of heading using the drop-down menu:
  • Small
  • Medium
  • Large
Subheading The subheading 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.

Section cases

Recently viewed