> For the complete documentation index, see [llms.txt](https://docs.stylemixthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylemixthemes.com/masterstudy-lms/~/changes/HEMF0YNyZrc10gCAsSyP/lms-settings/courses.md).

# Courses

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

{% embed url="<https://www.youtube.com/watch?t=600s&v=BJlw10yJBv0>" %}

Here's an overview of the settings you can manage under the **Courses** tab:

![](https://gblobscdn.gitbook.com/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MRyE1v0oa77PJX6k_9b%2F-MRyKpVydrsjC0LL77Ak%2Fcourses.png?alt=media\&token=f666106c-6bd1-4375-b381-1c60cee82279)

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

**Compare the look for Grid and List views of the courses page:**

**Grid:**

<div align="center"><img src="https://gblobscdn.gitbook.com/assets%2Fmasterstudy-theme-documentation%2F-MDUkedOkTL5xCgSlPaR%2F-MDUq_frHbmi5BNrLUhF%2F107347969.png?alt=media" alt="The screenshoot takent from the Masterstudy theme"></div>

**List:**

![The screenshoot takent from the Masterstudy theme](https://gblobscdn.gitbook.com/assets%2Fmasterstudy-theme-documentation%2F-MDUkedOkTL5xCgSlPaR%2F-MDUq_fsqx45j55tT4qT%2F107347975.png?alt=media)

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

![](https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FG4tjq37eDsayHi6XaPYk%2F2.png?alt=media\&token=1903afc6-0d7e-4dff-8e94-6c9dfb3f4b81)

{% hint style="info" %}
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.
{% endhint %}

**Let's compare Course Card Styles:**&#x20;

{% tabs %}
{% tab title=" Default " %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fu2NDY3ePjguw2EqN2HLW%2F16.png?alt=media&amp;token=71fde77e-0f0d-4fa3-8007-36386c421644" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Price on hover" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FhvjtLk6PziRwrF2oDCXy%2F17.png?alt=media&amp;token=cf953a76-a9f9-4e4d-93a9-caab10682814" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Scale on hover" %}

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fzcm5BbZSY47bNtLz3jZn%2F18.png?alt=media&amp;token=1db1de94-9f07-4575-bfad-03a82808e168" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **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 category, e.g. example.com/blog/course-category/templates(course-category - slug, templates- category).
* **Load more type** - 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.
* **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.

![](https://gblobscdn.gitbook.com/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MRyE1v0oa77PJX6k_9b%2F-MRyQ5i42wSDtGyJ7ylc%2Fcourses2.png?alt=media\&token=4bf773b8-b59b-45af-9ff7-1c087b4247ef)

* **Enable filters on the Archive page** - Enable courses filtering by categories, there are 6 filters available that you can enable according to your needs: category, rating, subcategory, status, levels, and price.

![](https://gblobscdn.gitbook.com/assets%2F-MDO9V_qgvV5cQdw04iz%2F-MRyE1v0oa77PJX6k_9b%2F-MRyQB3CUdOlCENiI0I2%2Fcourses3.png?alt=media\&token=9efa528a-f833-4b1e-9881-8ee9be06d829)

With this option, 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.

{% hint style="info" %}
Please note when the filters are enabled, the number of courses per row will be 3 by default to ensure the best look.
{% endhint %}

![The screenshoot takent from the Masterstudy theme](https://gblobscdn.gitbook.com/assets%2Fmasterstudy-theme-documentation%2F-MDUkedOkTL5xCgSlPaR%2F-MDUq_g1xpzgR0FSCVwA%2F93257741.png?alt=media)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.stylemixthemes.com/masterstudy-lms/~/changes/HEMF0YNyZrc10gCAsSyP/lms-settings/courses.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
