Skip to content
MI Theme Docs

Program List Item

File: snippets/program-list-item.liquid

Used in sections: collection-mixed, collection, product-program

Used in snippets: tmi-programs-slider

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-program-list-item.png

Description

Program List Item

Renders a program card with featured collection label, prerequisite overlay, background image, title, description, pricing range, program length, and program type icons (Online, Residential, Workshop, Virtual, Split Weekend). Calculates price ranges across the product’s own variants and any matching virtual product variants. Supports featured-collection and card-tag display tags.

Features:

  • Aggregates program types across product variants and virtual counterparts
  • Low/high price range calculation spanning multiple variant sets
  • Featured collection label from metafield or tag override
  • Prerequisite required overlay badge with icon
  • Program type icons: Online, Residential, Workshop, Virtual, Split Weekend
  • Program length/duration display with override via metafield
  • Tooltip attributes on program type icons
  • Description truncation (76 characters)
  • “Contact Trainer” fallback for zero-price programs

Usage

{% render 'program-list-item' %}