Lessons Section
Lesson sections allow users to display lessons in a slider, grid, or list format.
Lessons can be filtered by category, list of IDs, or by showing the user favorites.
Using multiple lesson sections one under the other is a common pattern used to create a Netflix-style membership dashboard.
Heading
Section heading text
Layout
Select the layout and look of the section.
Slider layouts: Animated slider. Single row of items. Use the Slider options below to control the slider behavior.
Grid Layouts: Display your lessons in a multi-row grid layout.
List Layouts: Display each lesson on its own row.
Filter Settings
Filter By Category
Display lessons from a specific category. Enter the category name (case-sensitive) in the “Filter Value” below.
Filter By Post IDs:
Display lessons matching the provided IDs. Used to display posts regardless of their category.
Enter a list of post IDs comma-separated, no spaces.
Find your lesson post ID by opening up the lesson for editing on the Kajabi backend. The page URL will include the post id “…/posts/9895997/edit”.
The number between post/ and /edit is your post ID.
Include Sub-Categories Lessons:
Check this option to display lessons in sub-categories under the selected category.
It does not work when Filter By Post IDs is selected.
Number of Columns
Set the number of columns to display on desktop, tablet, and mobile.
Works on both Sliders and Grids, but not on List Layouts.
Space between slides option works only when Sliders layout is selected.
Lesson Fields
Control the fields to display for each lesson. Toggle the Image, Title, Body, Category, Duration or set the Duration Postfix.
Completion
Hide Completion Bar: Toggle this option to show or hide the completion information and bar displayed at the bottom of each lesson.
Hide Overlay Icon: Toggle this option to show or hide the overlay and a check icon over lessons marked as completed or when over X percent of the video has been watched.
Mark Complete after (percent): Consider the post as completed after the user watched more than X percent of the video. By default, Kajabi considers a lesson as completed only when a user has completed watching 100% of the video. This option overwrites this behavior.
Show All Button
Toggle this option to show or hide a “Show All” button on the top right of the section.
The “Show All” button can only be displayed when the filter is set to “Filter By Category”. The button links to the relevant category page.
Slider Settings
Auto play: When checked, the slider will automatically slide to the next every few seconds (as set in the delay option).
Loop: When checked, the slider will continue to the first items after reaching the last item, providing the user an “endless scroll” experience.
Delay (Milliseconds): Set the value to 3000, and the slider will auto-scroll every 3 seconds.
Transition Speed (Milliseconds): Control the speed of the slide animation.
Pagination: Pagination is a line of dots displayed under the slider indicating the number of items. Select to display No pagination, on Mobile Only, on Desktop Only, or on both Mobile and Desktop.
Arrows: Allow users to scroll the items by clicking the left and right arrows. Arrows are also a visual indication implying the existence of additional items. Select to display No Arrows, on Mobile Only, on Desktop Only, or on both Mobile and Desktop.
Overwrite Images: By default, each item (lesson) will display its corresponding image. Paste in a list of image URLs comma-separated to overwrite the images with the provided images.