Skip to main content
Build your brand and increase sales with a premium ecommerce experience.

Banjo sections: Multicolumns

Updated

multicolumns2-1200.jpg

Overview

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
Columns alignment Set the alignment of the Columns using the drop-down menu:
  • Top
  • Middle
  • Bottom
Use wider gap between columns Click the checkbox to make the gap wider between the columns.
Mobile layout How the blocks display on mobile. Choose between Horizontal and Stacked
SECTION HEADER  
Heading The heading of the section.
Heading size Set the height of heading using the drop-down menu:
  • Small
  • Medium
  • Large
Subheading The subheading of the section.
Description The descriptino 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.
Button style The style of the button. Choose between Primary, Outline and Underline.
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.
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  
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.

Related articles