Team Grid

File: sections/team-grid.liquid

Templates: product.gateway-voyage.json

Description

Team Grid Section

Displays a set of team members / trainers with photos and credentials. Layout adapts based on the number of people:

• 1–2 people: Three-column layout — heading on the left, person cards on the right (side-by-side on desktop).
• 3+ people: Heading centered above, person cards in a responsive grid.

Theme Presets (color_theme setting):

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

Settings:

• color_theme (select) — “white” | “light-gray” | “beige” | “dark”
• title (text) — Section heading
• subtitle (text) — Subtitle below heading (uppercase)

Blocks:

• person: image (image_picker), image_alt (text), name (text), credentials (richtext — use bullet list for items)

Snippets Used:

• section-heading: title + subtitle rendering

Settings

ID	Type	Label	Default	Info
“	header
color_theme	select	Color Theme	light-gray
“	header
title	text	Title	Meet Your Trainers
subtitle	text	Subtitle

Blocks

Person

• Type: person

ID	Type	Label	Default
image	image_picker	Photo
image_alt	text	Image Alt Text
name	text	Name	Full Name
credentials	richtext	Credentials	<ul><li>Credential one</li><li>Credential two</li><li>Credential three</li></ul>

Presets

• Team Grid

Usage

This section can be added via the Shopify theme editor.

{% section 'team-grid' %}