Hey, yeah you're right Load() can achieve the same results here. This example is the tip of the iceberg with Webflow and HTMX. The lovely thing about HTMX is not having to write JS or JQuery.
Love it, it worked ! Question: how to use HTMX to populate a page with more than 100 items ? How to loop throup an entire collection list item with the hx-get attribute to pull the information of all the items of the given collection list into 1 single page. I am trying to over come the webflow 100items per page limitation.
Another option is to use hx-boost on the load more link and trigger a click when revealed. I'll have to test this but hx-trigger=revealed hx-on=loadMoreClick()
For some reason my previous message was deleted😐 Do you know how to "reset" Interactions and Script after HTMX did his work?) For example I placed a sliders from other page using HTMX > all works great, but how do that scripts and iteractions works (slider is don't slide, cause scripts not works)
Killing it with the HTMX series!
Nice one. Thanks a lot. If you have any Webflow HTMX suggestions, let me know.
@@TheVisualDiv Absolutely. Still haven't dwelled deep enough to run into a weird use case but if I think of something I'll let you know.
Gonna have to try find any excuse to implement this in my next project
Any excuse to use Webflow and htmx is a good excuse 😉
Love it! Looks so simple. I wonder if you could explain all the HTMX attributes in a little bit more detail. Keep it up!
Thanks! Will do!
Super helpful thanks divlords
The jQuery load() method achieves the exact same thing. Since Webflow requires jQuery anyway just use it no need to pull in more libraries
Hey, yeah you're right Load() can achieve the same results here. This example is the tip of the iceberg with Webflow and HTMX. The lovely thing about HTMX is not having to write JS or JQuery.
Great one
Love it, it worked ! Question: how to use HTMX to populate a page with more than 100 items ? How to loop throup an entire collection list item with the hx-get attribute to pull the information of all the items of the given collection list into 1 single page. I am trying to over come the webflow 100items per page limitation.
I believe this is possible using a static page with the collection to the HTTP request from.
Another option is to use hx-boost on the load more link and trigger a click when revealed. I'll have to test this but hx-trigger=revealed hx-on=loadMoreClick()
Really nice, thanks !
Seems simple, but is there any cloneable?
Cause it didn't work for me - can't find where I got it wrong here 🧐
For some reason my previous message was deleted😐 Do you know how to "reset" Interactions and Script after HTMX did his work?)
For example I placed a sliders from other page using HTMX > all works great, but how do that scripts and iteractions works (slider is don't slide, cause scripts not works)
Yes... You have to write a small script and trigger it after the DOM has settled. I'll make a video soon 😊
@@TheVisualDiv 🙌
Bring on the cloneable