MasterStudy LMS Divi Modules
Last updated
Last updated
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:
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:
