Course Syllabus
Course Syllabus
Renders the LifterLMS course syllabus for the current course: each section as a heading, followed by a preview card for every lesson in it. The output is LifterLMS's own [lifterlms_course_syllabus] markup, styled by the LifterLMS stylesheet. Where the Course Outline widget is a compact, collapsible list of lesson titles with its own icon and typography controls, Course Syllabus is the full card view — thumbnail, excerpt, lesson counter and quiz/assignment badges — with a single content setting.
Usage
Course template body — Place the widget on a course template built with Templates > Theme Builder, typically below the Course Content widget and above the Course Access Plans widget, so every course page lists its curriculum; see How to Build a Course Template.
Sales page curriculum — Use it on the public course page to show prospective students what the course contains. Visitors who are not enrolled see the lesson titles, excerpts and a FREE badge on free lessons, but the cards do not link to the lessons.
Lesson sidebar — The widget also works on a lesson template: it resolves the lesson's parent course and marks the lesson being viewed. For a compact sidebar list you can collapse per section, use Course Outline instead.
Flat lesson list — Turn Display section title off to drop the section headings and run the lesson cards together in course order.
How it works
The widget calls [lifterlms_course_syllabus] with the current post as the course. All lesson data, links and status marks come from LifterLMS; the widget adds no markup of its own.
| Situation | Behaviour |
|---|---|
| Placed on a course page | Renders every section of the course in builder order, each as an <h3 class="llms-section-title"> heading (when Display section title is Yes) followed by its lessons as llms-lesson-preview cards. |
| Placed on a lesson page | LifterLMS resolves the lesson's parent course and renders that course's syllabus. The lesson being viewed gets a current-lesson class on its card. |
| Placed anywhere else (a page, a quiz, a course archive) | Nothing is rendered: the post has no parent course. |
| Course with no sections | LifterLMS prints "This course does not have any sections." A section with no lessons prints "This section does not have any lessons." |
| Lesson card contents | Lesson title, plus — where they exist — the featured image, the excerpt, a counter such as 2 of 5 for the lesson's position in its section, and Has Quiz / Has Assignment badges. |
| Completed lesson (enrolled student) | The card carries the is-complete class and a check-circle icon (llms-lesson-complete). Enrolled students also see the same icon, unfilled, on lessons they have not completed yet (is-incomplete). |
| Free lesson, visitor not enrolled | The card shows a FREE badge (llms-icon-free) and links to the lesson. |
| Lesson the visitor cannot open (not enrolled, prerequisite unmet, drip date not reached) | The card is rendered without a link, carries the llms-lesson-locked class and shows LifterLMS's restriction message as a tooltip on hover. |
| Drip-locked lesson with a Lifter Elements drip-view setting active | If Allow Dripped Lesson View is enabled on the Settings page for all courses or for this course's category, the widget lifts the drip restriction on each card, so the lesson links normally and no lock or tooltip is shown. Other restrictions (enrollment, prerequisites) still lock the card. This lift applies on the live site only, never inside the Elementor editor or its preview. |
Settings
Content
| Setting | Description |
|---|---|
| Display section title | Yes (default) prints each section's name as a heading above its lessons. No hides the headings and lists all lessons in one run; lessons stay in section order. |
Style
The widget has no Style tab. The syllabus is styled by the LifterLMS stylesheet; target .llms-syllabus-wrapper, .llms-section-title, .llms-lesson-preview and the status classes listed above with custom CSS, either in the widget's Advanced > Custom CSS section or in your theme.
Advanced
The Advanced tab holds Elementor's own layout, motion, responsive and custom-CSS controls — see Elementor's documentation. Lifter Elements adds one section, Conditional Logic, which shows or hides this widget by the visitor's LifterLMS status — see the Conditional Logic reference.
Notes
- Compatibility with the Lifter Elements dripped-lesson-view setting was added in 1.0.5.
- Related: Course Outline (compact, collapsible list with icon and typography controls), Course Progress, Course Content, Lesson Navigation.