Feature Columns

File: sections/feature-columns.liquid

Templates: product.gateway-voyage.json

Description

Feature Columns Section

Centered header with a responsive grid of feature/benefit cards below. Each card has an icon image, label, title, and description — all centered. Designed for program landing pages but reusable for any multi-feature layout.

Layout:

• Desktop (lg+): 4-column grid
• Tablet (md): 2-column grid
• Mobile (<md): Single column

Theme Presets (color_theme setting):

• white: #FFFFFF bg, mi-green titles, mi-black text
• light-gray: gray-100 bg, mi-green titles, mi-black text
• beige: mi-beige bg, mi-green titles, mi-black text
• dark: mi-green bg, white titles/text, white icons

Settings:

• color_theme (select) — “white” | “light-gray” | “beige” | “dark”
• title (text) — Section heading, rendered uppercase
• description (richtext) — Subtitle / intro paragraph

Blocks:

• feature: icon (image_picker), label (text), title (text), description (richtext)

Settings

ID	Type	Label	Default	Info
“	header
color_theme	select	Color Theme	dark
“	header
title	text	Title	What You’ll Experience
description	richtext	Description

Blocks

Feature

• Type: feature

ID	Type	Label	Default
icon	image_picker	Icon Image
label	text	Label	Label
title	text	Title	Feature Title
description	richtext	Description	<p>Feature description goes here.</p>

Presets

• Feature Columns

Usage

This section can be added via the Shopify theme editor.

{% section 'feature-columns' %}