TMI Program Variations

File: snippets/tmi-program-variations.liquid

Used in sections: product-program

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

Description

Renders a dates-and-locations table for program variants with booking functionality. Shows location, language, dates, trainers, price, and availability for each variant, sorted by start date.

Features:

Desktop table and mobile stacked card layout
Variant sorting by start_date (ascending, future dates only)
Location info modal with description, image, address, and contact
Book Now modal with trainer, date, location, quantity selector, and subtotal
Time zone difference warning for virtual programs
Regional workshop “Contact Trainer” flow
Session storage for booking data passed to the booking form page
Open enrollment support for self-directed programs

Usage

{% render 'tmi-program-variations' %}