Person Spotlight

File: sections/person-spotlight.liquid

Templates: product.gateway-voyage.json

Description

Person Spotlight Section

Two-column layout with a full-height portrait image and biographical content including eyebrow label, name, tag badges, and description. Ideal for highlighting a guide, trainer, founder, or instructor.

Layout:

• Desktop (lg+): 50/50 side-by-side, image fills column height
• Mobile (<lg): Stacked — image on top, content below
• Image position is configurable (left or right)

Theme Presets (color_theme setting):

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

Settings:

• color_theme (select) — “white” | “light-gray” | “beige” | “dark”
• image (image_picker) — Portrait photo
• image_alt (text) — Alt text for the image
• image_position (select) — “left” (default) | “right”
• label (text) — Eyebrow text above name (e.g. “Meet Your Guide”)
• name (text) — Person’s name (large heading)
• description (richtext) — Biographical text

Blocks:

• tag: text (text) — rendered as outlined pill badges

Snippets Used:

• section-heading: label + name rendering

Settings

ID	Type	Label	Default	Info
“	header
color_theme	select	Color Theme	dark
image_position	select	Image Position	left
“	header
image	image_picker	Portrait Image
image_alt	text	Image Alt Text
“	header
label	text	Eyebrow Label	Meet Your Guide
name	text	Name	Robert A. Monroe
description	richtext	Description

Blocks

Tag

• Type: tag

ID	Type	Label	Default
text	text	Tag Text	Tag

Presets

• Person Spotlight

Usage

This section can be added via the Shopify theme editor.

{% section 'person-spotlight' %}