Infinite Scroll: adapt to work with block themes

[jeherve]

Block themes do not use PHP templates that Infinite Scroll can use to render a list / loop of posts.

We would consequently need to either:

• Sunset the feature and let this be handled in Core directly, maybe as a new feature. Related: Improve loading method for block Javascript WordPress/gutenberg#29606
• Adapt it to work with block themes.

[devNigel]

Recently had an interaction about this: 4778564-zen

Another related bug report for Seedlet Block theme: Automattic/themes#5407

[jeyip]

Created a PR that disables the feature for themes without the infinite-scroll theme tag

Automattic/wp-calypso#61624

[sarahcada]

A customer asked about this, for Geologist at 4837913-zd-woothemes
They tried using the code snippet from Jetpack support. I've explained that this isn't supported for that theme; I recommended Twenty Twenty One for now.

[csabarakasz]

35002101-hc block theme, Stewart. The user wanted to use infinite scrolling.

[ha-un]

User with Stewart theme wanted to use infinite scrolling. (36388469-hc)

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 4778564-zen
• 4837913-zen

[chvillanuevap]

Any updates on this? Would doing a hybrid PHP template with do_blocks help? For example:

add_theme_support(
	'infinite-scroll',
	[
		'container' => 'main-content',
		'render'    => 'custom_do_loop',
		'footer'    => false,
	]
);

where custom_do_loop uses echo do_blocks('<!-- wp:query...')?

[simison]

For future reference:

• Future Block Behavior APIs (things like modals) are interesting if there's going to be infinite scrolling behavior that can just be "attached" to blocks like Query loop.
• Block behaviors are based on “Interactivity API”, announced in March 2023
• Since May 5th 2023 (Gutenberg v15.8), we have the Interactivity API in Gutenberg: WordPress/gutenberg@9105718, which can be used to build infinite scroll type features in the frontend with core APIs.

[windhamdavid]

user with twenty twenty-three theme requested it.

[RavanH]

Ran into https://wordpress.org/plugins/infinite-scroll-block/ which may offer an interesting approach...