Multicolumn
Overview
Displays a configurable grid or slideshow of content cards, each with an image, heading, and rich-text description. Section settings cover the header (tagline, heading, description), card presentation (image ratio, typography, separator, inner spacing), grid and slideshow controls, layout container, color scheme, and spacing. Cards are added as blocks.
Section Configuration
Tagline
| Setting |
Description |
| Tagline |
Short text above the heading. Default: "Add a tagline". |
| Tagline Size |
Large, Medium, or Small. Default: Medium. |
| Tagline Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Tagline Case |
None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Tagline Font Family |
Default or Heading font. |
| Tagline Color Style |
Default, Heading, or Body color preset. |
Heading
| Setting |
Description |
| Heading |
Main section heading. Supports inline rich text. |
| Heading Size |
H1–H6 or Large, Medium, Small. Default: H3. |
| Heading Weight |
Thin (100) to Black (900). Default: Bold (700). |
| Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Heading Tag |
Semantic HTML heading level (H1–H6). Default: H2. |
| Heading Font Family |
Default or Body font. |
| Heading Color Style |
Default or Body color preset. |
| Heading Link Style |
Default or Link style when heading contains a hyperlink. |
| Setting |
Description |
| Header Margin – Desktop |
Bottom spacing between header and cards on desktop. Range: 0–100 px, default 35 px. |
| Header Margin – Mobile |
Bottom spacing between header and cards on mobile. Range: 0–100 px, default 15 px. |
Card Settings
| Setting |
Description |
| Media Ratio |
Card image aspect ratio: Adapt (original), Square, Portrait, Landscape, or Fit to Box. Default: Adapt. |
| Desktop Card Height |
Fixed image height on desktop. Range: 100–400 px, default 265 px. Visible only when Media Ratio is Fit to Box. |
| Mobile Card Height |
Fixed image height on mobile. Range: 100–400 px, default 265 px. Visible only when Media Ratio is Fit to Box. |
Card Heading
| Setting |
Description |
| Card Heading Size |
H1–H6 or Large, Medium, Small. Default: H5. |
| Card Heading Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Card Heading Case |
None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Card Heading Tag |
Semantic HTML heading level (H1–H6). Default: H2. |
| Card Heading Font Family |
Default or Body font. |
| Card Heading Color Style |
Default or Body color preset. |
| Card Heading Link Style |
Default or Link style when heading contains a hyperlink. |
Card Text
| Setting |
Description |
| Card Text Size |
Large, Medium, or Small. Default: Medium. |
| Card Text Weight |
Thin (100) to Black (900). Default: Normal (400). |
| Card Text Case |
None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Card Text Font Family |
Default or Heading font. |
| Card Text Color Style |
Default or Heading color preset. |
| Desktop Text Alignment |
Card content alignment on desktop. Default: Left. |
| Mobile Text Alignment |
Card content alignment on mobile. Default: Left. |
Card Style
| Setting |
Description |
| Show Separator |
Displays a visual divider between the card image and text content. Disabled by default. |
| Show Inner Spacing |
Adds internal padding inside each card. Disabled by default. |
Grid Settings
| Setting |
Description |
| Desktop Columns |
Number of card columns on desktop. Range: 1–6, default 3. |
| Mobile Columns |
Number of card columns on mobile: 1 or 2. Default: 2. |
| Desktop Grid Spacing |
Gap between cards on desktop. Range: 0–100 px, default 10 px. |
| Mobile Grid Spacing |
Gap between cards on mobile. Range: 0–100 px, default 10 px. |
Slideshow Settings
| Setting |
Description |
| Show Arrows |
Enables navigation arrows. Enabled by default. |
| Arrow Button Type |
Visual style of arrow buttons: Primary, Secondary, or Link. Default: Primary. Visible when arrows are enabled. |
| Autoplay |
Auto-advances through cards. Disabled by default. |
| Slide Change Interval |
Delay between automatic transitions. Range: 2000–9000 ms, default 5000 ms. |
Layout Settings
| Setting |
Description |
| Layout Style |
Card display mode: Grid or Slideshow. Default: Grid. |
| Container Layout |
Page Width, Contained Content, or Container Fluid. Default: Contained Content. |
| Border Style |
None, Top, Bottom, or Top & Bottom. Visible when not Page Width. Default: None. |
| Container Size |
Max container width as a percentage of page width. Range: 50–100%, default 100%. |
| Desktop Text Alignment |
Header text alignment on desktop. Default: Left. |
| Mobile Text Alignment |
Header text alignment on mobile. Default: Left. |
| Color Scheme |
Shopify color scheme applied to the section. Default: Scheme 1. |
