Courses Listing
The Courses Listing Shortcode allows you to display a list of available courses on any page or post. You can customize the output using various parameters such as category, instructor, number of courses, layout style, and sorting options.
Courses Listing Shortcode
Use the following parameters to customize the [dtlms_course_listing] shortcode:
Parameter
Description
disable-all-filters
true or false – Disable all 7 available filters for the course listing.
enable-search-filter
true or false – Enable the Search Course text field.
enable-display-filter
true or false – Enable Grid/List view switcher.
enable-category-filter
true or false – Enable Category filter.
enable-orderby-filter
true or false – Enable Order By filter.
enable-instructor-filter
true or false – Enable Instructor filter.
enable-cost-filter
true or false – Enable Cost filter (Free/Paid).
enable-date-filter
true or false – Enable Start Date filter.
listing-output-page
Choose a page where search results should appear. If Default - Ajax Output is selected, results appear on the same page.
default-filter
upcoming-courses, recent-courses, highest-rated-courses, most-membered-courses, paid-courses, or free-courses. Requires filters to be off.
default-display-type
list or grid – Default display format (only applicable if Default - Ajax Output is chosen).
course-item-ids
Enter specific course IDs (comma-separated) to include (only for non-Ajax output pages).
course-category-ids
Enter specific category IDs (comma-separated) to include (only for non-Ajax output pages).
instructor-ids
Enter instructor IDs (comma-separated) to filter results (only for non-Ajax output pages).
apply-isotope
true or false – Enable Isotope layout (not compatible with carousel).
enable-category-isotope-filter
true or false – Enable Category Isotope filter.
show-author-details
true or false – Show author (instructor) details with each course.
post-per-page
Set how many courses to display per page.
columns
1, 2, or 3 – Number of columns in Grid View. “3 Columns” works only when enable-fullwidth=true and filters are disabled.
enable-fullwidth
true or false – Enable full-width layout.
type
type1, type2, or type3 – Select design layout.
class
Add custom CSS class for additional styling.
Carousel Specific Parameters
Parameter
Description
enable-carousel
true or false – Enable Carousel layout. Not compatible with Isotope layout.
carousel-autoplay
Autoplay delay in milliseconds (e.g., 1000). Leave empty to disable autoplay.
carousel-slidesperview
1, 2, or 3 – Number of slides visible at a time. If using List View, only 1 is valid.
carousel-loopmode
true or false – Enable continuous loop mode.
carousel-mousewheelcontrol
true or false – Enable navigation via mouse wheel.
carousel-bulletpagination
true or false – Enable bullet-style pagination.
carousel-arrowpagination
true or false – Enable arrow-based navigation.
carousel-spacebetween
Space (in px) between slides. Example: 15px.
[dtlms_courses_listing disable-all-filters="false" enable-search-filter="true" enable-display-filter="true" enable-orderby-filter="true" enable-category-filter="true" enable-instructor-filter="true" enable-cost-filter="true" enable-date-filter="true" apply-isotope="false" enable-category-isotope-filter="true" show-author-details="true" columns="3" enable-carousel="true" carousel-slidesperview="2" carousel-loopmode="true" carousel-mousewheelcontrol="true" carousel-bulletpagination="true" carousel-arrowpagination="true" post-per-page="6" carousel-autoplay="1000" carousel-spacebetween="10px" class="custom-class"]