Tutor LMS – Course Slider Element
Overview
The Course Slider element in Tutor LMS allows users to display courses in an interactive, scrollable format. It includes course details such as the thumbnail, title, rating, author, and enrollment button, making it easy for learners to explore and enroll in courses.
Key Features
- Dynamic Course Display – Automatically fetches and showcases available courses.
- Complete Course Details – Displays:
- Course Thumbnail – Featured image of the course.
- Course Title – Name of the course with a clickable link.
- Course Rating – Displays average star ratings based on student reviews.
- Course Author – Shows instructor name with a profile link.
- Enroll/Purchase Button – Direct button for quick enrollment.
- Course Price – Shows free or paid status.
- Carousel Navigation – Users can slide through courses with navigation arrows or autoplay.
- Customizable Layout – Adjust the number of courses per slide, spacing, and grid style.
- Filters & Sorting – Display courses by category, difficulty level, or instructor.
- Custom Styling – Supports typography, colors, spacing, and card design customization.
Customization & Styling
- Card Layout Options – Show/hide specific elements (title, author, rating, button).
- Typography & Colors – Customize text styles, fonts, and colors for each element.
- Slider Controls – Adjust autoplay speed, loop behavior, and transition effects.
- Button Styles – Modify enroll button color, size, and hover effects.
- Background & Borders – Change padding, margins, and background colors for a clean layout.
Usage Scenarios
- Showcasing Featured Courses – Highlight the best courses on the homepage.
- Trending or New Courses – Display newly launched or popular courses.
- Category-Based Course Display – Allow users to browse courses by specific subjects.
This element enhances course discovery, encourages higher engagement, and improves enrollment rates with a visually rich and structured layout.