Courses
Last updated
Last updated
The Courses tab allows you to have fine-grained control over how your courses are displayed and how they appear on your website.
The MasterStudy LMS Courses Page can be created in two ways:
via MasterStudy LMS Plugin - in this case, you have to indicate an empty page as a Courses Page in the designated area. MasterStudy PRO Plugin automatically generates it for you without any page builders.
via MS LMS Widgets for Page Builders (Elementor, Gutenberg, WP Bakery, etc) - during the the installation of the theme MasterStudy generates separate Courses pages for Elementor and Gutenberg. You can modify these pages using the respective page builder.
IMPORTANT The settings of this tab will apply to the selected Courses Page only. If you indicate the page constructed with Elementor or Gutenberg, these changes will NOT be applied to them!
The look of the Courses page created using Elementor and Gutenberg can be changed within these page builders.
The difference in the look of Courses Pages:
Here's an overview of the settings you can manage under the MasterStudy LMS Settings > Courses tab:
Import demo courses - When you click Start Import, all demo courses, questions, quizzes, and lessons will be uploaded to the site.
Courses Page - Choose the main page where all courses will be displayed.
Courses Page Layout - Choose the layout for the courses page: Grid or List.
Courses per page - Set the number of courses to display on one page.
Сourses per row - Set the number of courses to show per row.
Load more types - Choose how to load more courses. Available options are Button and Infinite Scrolling.
Course Card Style - Select the display style for the course card.
Course Card Info - Specify where to place the course card info: right or center.
Courses Image Size - Enter the size for the course image.
From version 3.0.24 of the MasterStudy LMS plugin, these settings apply only to the Archive page of courses. WPBakery and Elementor users can now configure course card settings directly within LMS widgets. You can customize and change container heights and image sizes for cards.
The look of Course Cards differs by page builder: Gutenberg, Elementor, or WPBakery. You can compare them and choose the convenient page builder for yourself.
Let's compare Course Card Styles:
Lazy loading - Enable this if you want to load certain parts of a webpage, such as images until users need them. This can speed up page load times.
Category slug - Put a unique slug to show in the URL before the courses category, e.g. https://example.com/blog/course-category/templates (course-category - slug, templates- category).
Show featured courses on top of the list page - This option displays featured courses on the top of the course list page.
Number of featured courses on the Archive page - Specify the number of featured courses to display on the Archive Page
Filters on the Archive page - Enable course filtering by categories, there are 7 filters available that you can enable according to your needs. Available options are:
Category - filter by course categories
Subcategory - filter by course subcategory
Levels - filter by course levels
Rating - filter by course rating
Status - filter by course status
Instructor - filter by the instructor
Price - filter by price
With these options, users can use the sidebar on the course listing page and filter the browsing depending on the chosen category. Every time they apply the filter they do not need to reload the page, every change displays instantly.
Please note when the filters are enabled, the number of courses per row will be 3 by default to ensure the best look.
