Multicolumn section – Swissuplabs

With the Charge theme, you've got a Multicolumn section added to the homepage by default. You can hide it by using a visibility badge.

The general multicolumn settings allow you to:

Create a heading.
Choose the heading size among H1, H2, and H3. See the recommendations about the correct usage of headings for better SEO.
Choose the image width between The half-width of the column, the Full width of the column, and One-third width of the column.
Choose the image ratio between Adapt to Image, Circle, Square, and Portrait.
Choose the column text alignment between Left and Center.
Choose the column content arrangement between Inline, Inline Reverso, Stacked, and Stacked Reverso.
- Note: Since the 1.6 release, you could arrange its content in the column on mobile screens only. To do that, choose the fifth Stacked (reverse) mobile-only value.
Set the button label and link a button to other pages of your Shopify site.
Choose the "View All" appearance. The available values are the Button, Secondary button, and Text link.
Enable swipe on mobile.
Enable content animation.
Enable on-scroll reveal animation.

Since the 3.0.0 release, the Multicolumn section has an additional configuration for Styles. Here, it is possible to:

Each section includes columns. You can still add more columns or disable the existing ones according to your requirements.

When configuring each column, it is possible to:

Create a heading for the column.
Create a subheading for the column.
Add a description.
Add a link to the column.
Choose a link appearance. The available values are Button, Button secondary, and Text link.
Set the button label.
Add an image to the column.
Choose the image position between Contain and Cover.
Show image padding.
Add a background to a column.
Choose the colors for the background, background gradient, heading color, text color, subheading background, and subheading background gradient.

Related articles