User Achievements

Lists the achievements the logged-in user has earned in LifterLMS as a grid of achievement badges, using LifterLMS's own achievement loop markup. Two Content controls set how many achievements to show and how many columns the grid uses; the badges themselves are styled by the LifterLMS stylesheet.

User Achievements widget rendering a row of earned achievement badges

Usage

Student dashboard or profile template — Place the widget on a dashboard, profile or "My account" page built with Elementor so students see their earned badges next to their User Courses and User Certificates. If you would rather reproduce the whole LifterLMS student dashboard, including its Achievements tab, use the User Dashboard widget instead.

Recent highlights — Set Number of Achievements to a small value (for example 3) and match Number of Columns to it for a single-row strip of the latest badges in a sidebar or card.

Members-only section — The widget renders nothing for logged-out visitors, so it can sit on a public page without exposing anything. To show a sign-in prompt in its place, pair it with a Login form hidden by a Conditional Logic rule on the Advanced tab; see Hide a Widget from Enrolled Students for the pattern.

How it works

The widget outputs LifterLMS's [lifterlms_my_achievements] shortcode for the current user, passing the two Content settings through as its count and columns attributes. Achievements are those LifterLMS has awarded to the user (on course or lesson completion, or manually from the admin); see the LifterLMS documentation for how achievements are created and awarded. Each badge opens in a LifterLMS pop-up when clicked.

Situation	Behaviour
Logged-out visitor	The widget renders nothing: no wrapper, no message.
Logged-in user with no achievements	A single paragraph: "You do not have any achievements yet. Enroll in a course to get started!" (the text of LifterLMS's `lifterlms_no_achievements_text` filter).
Logged-in user with achievements	An unordered list with the classes `llms-achievements-loop listing-achievements loop-cols-N`, one `llms-achievement-loop-item` per badge, laid out in the number of columns you chose.
More achievements than fit	Badges are paged, five rows per page (columns × 5, or Number of Achievements if that is lower). LifterLMS pagination links appear below the grid when there is more than one page.
In the Elementor editor	The preview shows your own achievements as the logged-in editor, so a site owner with none sees the "no achievements" message.

Settings

Content

Setting Description

Number of Achievements Maximum number of achievements to list per page. Leave empty (the default) to show all of them, paged five rows at a time. Minimum 1.

Number of Columns How many badges sit side by side in the grid. Default 5; minimum 1. The value is written to the list as a loop-cols-N class, which LifterLMS's stylesheet turns into the column layout. If the field is cleared, LifterLMS falls back to its own default of 4 columns, and when a student has fewer achievements than columns the grid shrinks to the achievement count. LifterLMS ships column styles for 1 to 5 columns.

Setting	Description
Number of Achievements	Maximum number of achievements to list per page. Leave empty (the default) to show all of them, paged five rows at a time. Minimum `1`.
Number of Columns	How many badges sit side by side in the grid. Default `5`; minimum `1`. The value is written to the list as a `loop-cols-N` class, which LifterLMS's stylesheet turns into the column layout. If the field is cleared, LifterLMS falls back to its own default of 4 columns, and when a student has fewer achievements than columns the grid shrinks to the achievement count. LifterLMS ships column styles for 1 to 5 columns.

Style — Card

Setting	Description
Background Color	Background of each achievement tile.
Border / Border Radius / Box Shadow	Elementor's border, corner-rounding and shadow controls for the tile.
Padding	Inner spacing of the tile, in px, em or %, per device.
Gap Between Cards	Space between the tiles, in px or em, per device. LifterLMS lays the tiles out as a floated list, so the gap is applied as spacing around each tile rather than as a grid gap.

Style — Thumbnail

Setting	Description
Height	Height of the badge image, in px, em or vh, per device; the image is scaled to fill the tile width.
Object Fit	How the badge scales inside that height: Default, Contain, Cover or Fill.

Style — Title

Setting	Description
Typography	Font settings for the achievement title.
Color / Hover Color	Title colour in its normal state and when the tile is hovered.

The Style tab styles LifterLMS's own tile markup (llms-achievements-loop, llms-achievement-loop-item, llms-achievement), so CSS written for the LifterLMS dashboard still applies underneath your settings. LifterLMS hides the achievement's date and description inside the tile with its own stylesheet; they are shown in the pop-up a click opens, which the Style tab does not cover.

Advanced

The Advanced tab holds Elementor's own layout, motion, responsive and custom-CSS controls; see Elementor's documentation. Lifter Elements adds one section, Conditional Logic, which shows or hides this widget by the visitor's LifterLMS status; see the Conditional Logic reference.

Notes

User Certificates is the companion widget: it lists the user's earned certificates using the LifterLMS dashboard's certificates section and offers only an all-or-recent choice, whereas this widget lists achievement badges with a count and column layout.
Because output is the LifterLMS shortcode, any theme or plugin styling written for the LifterLMS student dashboard's Achievements tab applies here too, and the lifterlms_no_achievements_text filter changes the empty-state message.
Related: User Dashboard, User Courses, User Memberships.