Infinite Scroll Block

March 30, 2024

Infinite Scroll Block Plugin

Adds an infinite scroll block to the full site editor that can be placed inside a Query Loop to replace classic pagination.

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.

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)

Details

  • Version: 1.1.0
  • Active installations: 300
  • Tested up to: 6.4.5

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars