Skip to content
MI Theme Docs

TMI Programs Slider

File: snippets/tmi-programs-slider.liquid

Used in sections: page-journeys

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

Description

TMI Programs Slider

Renders a horizontal slider of program cards from a specified collection. Displays the collection title, description, program count, and a scrollable row of program-list-item cards. Optionally inserts a CTA quiz card after the 4th item. Includes prev/next navigation buttons.

Features:

  • Displays programs from a specified collection handle
  • Configurable title override
  • Collection description display
  • Program count badge
  • Horizontal slider with overflow and prev/next buttons
  • Optional quiz CTA card insertion after 4th program
  • Responsive padding (desktop vs mobile)

Usage

{% render 'tmi-programs-slider' %}