Comment on page
MasterStudy LMS Divi Modules
Currently, our MasterStudy LMS Divi Modules plugin provides users with 10 modules (widgets) that work with our MasterStudy LMS plugin and 3 additional modules (widgets) that work with our MasterStudy LMS Pro plugin.
When you start creating or editing a page, you will be prompted to use Divi Builder.
In the Insert Module interface search bar, you can type MS to find all our MS Modules.
Use this Divi module to create a Courses Grid block.
Once you add it to your page you will find the following options in Content tab:
- Hide Top bar – hides module title and sorting option
- Module Title – specifies module header
- Load more – adds “Load more” button
- Sort Courses – adds sorting option
- Image size – specifies image size
- Courses Per Row – defines how many courses will be displayed per row
- Courses Per Page – defines how many courses will be displayed per page
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Courses Carousel block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Sorting options – adds sorting option
- Previous/Next buttons – adds Previous and Next buttons
- Border removing – removes module elements border
- Displaying of categories – defines whether categories will be displayed or not
- Number of courses per row – defines how many courses will be displayed per row
- Included Categories – defines what kind of courses will be shown on page
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Courses Categories block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Style – defines the appearance of style preset
- Included Categories – defines what kind of courses will be shown on page
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
NOTE:
Categories should have pictures and icons for this module to work properly.
Frontend view:
Use this Divi module to create Courses Searchboxes.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Style – defines the appearance of style preset
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Style 1
Style 2
Use this Divi module to create a Featured Teacher block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Instructor Position – shows instructor's position (category)
- Instructor Bio – specifies instructors's bio
- Image – here you can upload a module background picture
- Select instructor – here you can select an instructor
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Courses Carousel block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Title Color – specifies module header color
- Limit – specifies the limit of instructors to show
- Per row – limit per row
- Per row on Notebook – limit per row on notebook
- Per row on Tablet – limit per row on tablet
- Per row on Mobile – limit per row on mobile devices
- Style – defines the appearance of style preset
- Prev Next Buttons – adds Previous and Next buttons
- Pagination – defines whether courses will be separated by pages or not
- Sort by – enables sorting option
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Recent Courses block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Number of courses to show – defines how many courses will be shown on page
- Style – defines the appearance of style preset
- Courses Per Row – defines how many courses will be shown per row
- Image size – specifies recent courses horizontal image size
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Single Course Carousel block.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Sorting – enables sorting option
- Prev Next Buttons – adds Previous and Next buttons
- Categories – defines of which categories courses will be shown in module
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create an Icon Box block.
Once you add it to your page you will find the following options in Content tab:
- Image – here you can upload module background picture
- Button Link URL – link to a specified page
- Module Title – specifies module header
- Icon Box Description – here you can add a module description
- Icon Box Button – specifies the module button
- Image Width – specifies module image size
- Icon Box Width – specifies module icon box size
- Button Title Color – specifies button title color
- Button Background Color – specifies button background color
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Blog module.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Post Count – defines how many posts will be displayed
- Select the blog style – defines the appearance of style preset
- Post Date Title Color – specifies date title color
- Post Date Background Color – specifies date background color
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to create a Course Bundles block.
NOTE:
For this widget to work properly, you need to activate the Course Bundles addon and set bundle limitations in Dashboard > STM LMS > Course Bundle Settings.
Widget won't be displaying any info if no bundle were created by Instructors.
Go to the following page for detailed instructions:
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Number of Courses per page – defines how many courses will be displayed on page
- Number of Columns – defines how many courses will be displayed on page
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to import a Google Classrooms block.
NOTE:
For this widget to work properly, you need to activate Google Classrooms addon, get API Credentials, and import Google Classrooms.
Go to the following page for detailed instructions:
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
- Number of Classrooms on the Page – defines how many classrooms will be displayed on page
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
Use this Divi module to add the Certificate Checker bar.
Once you add it to your page you will find the following options in Content tab:
- Module Title – specifies module header
Design and Advanced tabs are native for all Divi modules and responsible for adjusting appearance and custom CSS settings. Refer to Divi Advanced Design Settings documentation page for detailed information.
Frontend view:
