Multicolumn

Multicolumn shows short points side by side, each with an icon or an image, a heading, a text and a link. Use it for your benefits, shipping and returns, or how your products work, on any page. It holds up to eight columns.

Add the section

Online Store → Themes → Customize

1. In your Shopify admin, go to Online Store → Themes and select Customize on Cosmero.
2. At the top of the theme editor, open the template you want to change, such as the home page.
3. In the sidebar, select Add section.
4. Choose Multicolumn. It starts with three columns, with the leaf, delivery truck and return icons.
5. Select Save.

You can add it to any template, but not to the header or the footer.

Settings

• Heading: the section’s heading.
• Text: a short text under the heading.

Grid

• Columns on desktop: from 2 to 4 (default 3). Tablets show two columns, and mobile shows one.
• Alignment: Left (the default) or Center, for the heading and the columns.
• Show columns as cards: puts each column on its own card. On by default.
• Column color scheme: the colors of the cards. Shown when Show columns as cards is on.

Panel

• Color scheme: the colors of the panel. You edit color schemes in Theme settings.
• Panel style: Panel is a rounded panel inside the page margin. Flush spans the full page width with square corners.
• Enable full width on mobile: on mobile, the panel runs from edge to edge with square corners. Shown when Panel style is Panel.
• Top padding: space above the content, from 0 to 120 px.
• Bottom padding: space below the content, from 0 to 120 px. On mobile, both paddings are scaled down: 64 px becomes 40 px.

Blocks

Column

One column. The section holds up to eight.

• Icon: None, Droplet, Leaf (the default), Recycle, Delivery truck, Return, Heart, Sparkle or Shield. An image replaces the icon.
• Image: an image at the top of the column, in a 3:2 frame, in place of the icon.
• Heading: the column’s heading.
• Text: the column’s text.
• Link text: the text of a link under the column’s text. The link shows when it has both text and a link.
• Link: where the link goes.