Page Lock Component Demo

Spent a lazy Sunday afternoon vibe coding a page lock component. It was just a half-finished thought that somehow turned into this little project. Nothing fancy, just tinkering for the fun of it, and it shows just how quickly third-parties will be able to populate the upcoming store with solutions like this :slight_smile:

The Page Lock Dev Pack allows you to add simple password protection to a page or a bunch of pages. Watch the video to learn more:

This example is for learning purposes only, I don’t really recommend using it on live websites.

Useful Links:

:link: DevPack Download Link (via Git Hub)

:link: Elements API Documentation

Vibe coding fun…

Tried to redo my trumpet app on it…

My 3.0 app needs a little TLC and some more resources…

I am trying to use Page Lock on a page, but I cannot get it to work as shown in your video @dan, and I am unsure what I am doing wrong. Any tips?

You need to make sure the page extension is .php :blush:

2 Likes

Aha :slight_smile:

This is fantastic Dan - thank you !

However, I cannot change the text

[… Shh it’s a secret will change in the editor - but not when publiched

Type the magic word … - I cant change this even in the editor]

Thanks again !!

I can confirm that the text
“Shhh… It’s a Secret” can be modified in the editor, but Preview still shows the original content.
Same wit the text “Type the magic word to reveal what’s inside.” which I can modify in the Editor, but Preview shows the original content.
However I can not modify the Unlock-button text and not the Log out-Button text.
This makes it impossible for me to use it with non-English websites.

Positively mentioned: component settings (colors, font type) are bound to the Theme settings
:slight_smile:

I like the base idea and concept of this component.

This is just a demo, you can edit the code (as I do in the video) to make the text say whatever you want :slight_smile:

Many thanks Dan - was straight forward once I understood what you were doing !!

1 Like

Understood now. With all the sources from Github you provided the necessary ground. Thank you.

1 Like

Great, glad you both got it working :slight_smile: