Description
Adds an infinite scroll block to the full site editor that can be placed inside a Query Loop to replace classic pagination.
The blocks frontend script will detect when the user is 1200px (default value) from the infinite scroll block before fetching more posts so it is best to place it right after your theme template block. In addition to the Infinite Scroll Block, 2 optional blocks also are included:
- Loading Posts Block: Container that will display its content while more posts are loading
- No More Posts Block: Container that will display when there are no more posts to load in
Additional Notes
- Adding more than one Post Template Block to a Query Block has undefined behavior.
- Adding more than one Infinite Scroll Block to a Query Block has undefined behavior.
Blocks
This plugin provides 3 blocks.
- No More Posts Contains the elements that are displayed when there are no more posts to fetch (optional block).
- Loading Posts Contains the elements that are displayed while loading posts (optional block).
- Infinite Scroll Implements inifnite scroll functionality. The number of posts loaded when triggered is equivalent to the Query Loops 'Items Per Page' setting.
Reviews
taddis
November 12, 2024
New:ish to Wordpress and especially to FSE and Gutenberg block editor.
Easy way to get infinite scroll working in your FSE theme.
Cheers!
maenmiu
November 1, 2024
It works but it interferes with w3 total cache lazy load images. I could only make it load the posts properly by disabling the image lazy load from the W3 total cache settings, which is not ideal, but it is the ONLY infinite loop block that actually works.
James Revillini
August 5, 2024
This plugin and the new block you created works so well. FINALLY, a plugin that doesn’t reinvent the wheel, just upgrades the rims!!! Made my day.One funny thing I noticed that has nothing to do with functionality – if I don’t have your plugin loaded and I hit the [+] button in the editor and type Infinite, your plugin comes up under a different name – I think it said “No more posts” hahahahah … but same icon, same ratings.
ggong5
March 6, 2024
This plugin saved my life. Thank you very much.
Very good extension, works well in most cases, but I found an issue with list blocks.
Some times, the list flows out of the post article.
I have a blog page, with 2 columns and 4 items per page.
When there is a list block in post number 5, the list flows out.
It’s ok if there is a list block in post number 4.
I hope this will help you.
Thanks
spidrweb
November 21, 2022
Love the simplicity of this plugin. Works perfectly within Site Editor themes. Nice work ??
Contributors & Developers
“Infinite Scroll Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Infinite Scroll Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1
- Fixed issue where a list element inside of a posts content would be stripped out and placed into the query block list
1.1.0
- Fixed issue where sticky posts would we included in every single fetch request
- Fixed infinite loop where sticky posts would continue to load even after all posts have been loaded
- Removed throbber editor panel because it was not intuitive to use (kept styles for backwards compatibility)