Course lesson list (free + locked lessons)

A numbered list of lessons from a collection. Free lessons link straight in; paid lessons show a padlock, a Pro chip and their teaser, and still link to the lesson page, which shows the upsell.

membershipscourselessonscollectionrepeaterlockedpaywalldynamic

About this block

Your course outline, read from a lessons collection. Lessons with requiredPlans set come back as teasers with locked: true for visitors who don't hold the plan, so the outline stays complete.

When to use it

  • On the members area or a public course outline page.

What's inside

  • A {% for item in collections.lessons %} loop over the lessons collection (fields: slug, number, title, summary, duration, requiredPlans).
  • A padlock and Pro chip on rows where item.locked is true.
  • An Open lesson button linking to the lesson page with the row's slug.

How to customize it

  • Change the button link to ref:<your lesson page id>/{{item.slug}} so it works in previews and on your domain.
  • List the paid fields (the lesson body, worksheet links) in the collection's memberFields so locked rows never carry them.

Questions

Do locked lessons disappear for non-members?
No. They stay in the list with their title and summary, marked locked, so visitors see what Pro includes.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library

Member account (sign-in, memberships, billing)

One account page for a membership site: signed-out visitors get the email sign-in form; members see their plans with end dates, a Manage billing button and sign out.

Members-only section with upsell

A section pair: members see the gated content; everyone else sees a locked card with an upsell to the plans. Gated content is removed on the server, so it never reaches a visitor who isn't a member.

Members-only video lesson

A lesson detail section: a video only plan holders can play (a members-only download streamed inline), the lesson notes from the collection, and a resources card. Non-members see an upsell where the video would be.

Membership pricing (free + paid plan)

Two membership plan cards: a free plan that signs visitors up with an email link, and a paid plan priced live from Stripe that goes straight to checkout. Members see a link to the course instead of a buy button.

Section gated by membership plan

A section with three states chosen on the server: a pro member sees the lessons (the second one dripped open after seven days), a signed-in member on another plan sees an upgrade card, a visitor sees a sign-in card.

Hero split

Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.

Features three columns

Centered heading with three columns, each showing an icon, title, body text, and link.

Simple CTA

Centered call-to-action on an accent background with heading, description, and buttons.

Footer multi-column

Grid footer with brand blurb and multiple link columns. Copyright and social links at the bottom.

Navigation bar

Standard header with logo, nav links, primary CTA, and a mobile hamburger menu.

Testimonial cards

Two-column grid of testimonial cards with quote, photo avatar, name, and role.

“

Hero centered

Clean centered hero with eyebrow, large heading, description, and two CTA buttons.