My courses page layouts
My Courses page can be displayed in different layout styles, allowing you to choose the look and structure that best match your brand and learning experience.
My Courses page supports different layout styles, allowing the overall look and structure to be aligned with your brand and learning experience.
Layout variations are available as custom implementations and if you’d like to use any of these layouts, please contact us to discuss implementation options.
Below is a brief overview of alternative design options we can apply to your My Courses page. You can check demo sites for each available option:
1 to access the demo stores.Design #1 — classic course list
Straightforward vertical list with clear titles and actions. Best for simplicity and readability.
View demo store (store password: 1)
Design #2 — cards with progress
Card layout that highlights progress and “continue” actions, making it easy to resume learning.
View demo store (store password: 1)
Design #3 — compact grid
Tighter grid layout that shows more courses on one screen and reduces scrolling.
View demo store (store password: 1)
Design #4 — visual and image-focused
Large thumbnails with stronger visual emphasis — good when course covers matter.
View demo store (store password: 1)
Design #5 — minimalist
Clean layout with fewer elements, works great on mobile and small screens.
View demo store (store password: 1)
Design #6 — detailed cards
Larger cards with more structure, giving extra context without clutter.
View demo store (store password: 1)
In this section:
Updated on: 14/01/2026
Thank you!