Educator Card
The educator card block displays a single person with a portrait photo, their name, and a short bio. Cards sit in a two-column layout at larger screens and stack on mobile. The block only renders when a name is provided, so empty cards never leave gaps in the grid. Content can come from block settings directly or be passed in from a metaobject by the parent section.
Settings
Section titled “Settings”| Setting | What it does |
|---|---|
| Image | A portrait photo displayed at a fixed size (105 x 140 on mobile, 179 x 240 on desktop). |
| Name | The person’s name, rendered as an h3. Required – the entire card is hidden when blank. |
| Bio | A short text description shown below the name. |
Used in
Section titled “Used in”- The image is cropped to fill its container, so use tightly framed portrait or headshot photos for the best result.
- The section can also pull educator data from a metaobject list via the product’s
nama.product_educatorsmetafield, so you may not need to fill in block settings manually on product pages. - Keep bios to one or two sentences – the layout pairs the photo and text side by side, so long text can look unbalanced.