Courses

The Courses tab allows you to have fine-grained control over how your courses are displayed and how they appear on your website.

Courses Page for Elementor and Gutenberg

The MasterStudy LMS Courses Page can be created using 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 Plugin automatically generates it for you without any page builders.

• via MS LMS Widgets for Page Builders (Elementor, Gutenberg, WP Bakery, etc) - pages can be constructed manually via special widgets of MasterStudy for these page builders. If you are using MasterStudy Starter Theme or generated pages via LMS Wizard, they have already been in your pages list as Courses Page (for Elementor) and Courses Page (for Gutenberg).

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:

via MS LMS Plugin

via MS LMS Elementor Widget

via MS LMS Gutenberg Blocks

Overview of the Courses tab

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.

Page Layout

• 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.

Courses as Grid

Courses as List

Load more as Button

Load more as Infinite Scrolling

Course Card

• 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:

Default

Price on hover

Scale on hover

Lazy Loading, Category Slug, Featured Courses

• 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

Featured Courses on the top of the Courses Page

Filters on the Archive Page

• Filters on the Archive page - Enable course filtering by categories, there are 7+1 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

  • Availability - filter by course availability. This filter will be available if the Upcoming Course Status addon is enabled.

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.