Blog Sections Open
Building Infinite Scroll for Ditto Listings
How to extend a Ditto-based listing with infinite scroll so visitors can load more items without classic pagination clicks.
Infinite scroll can work well in Evolution CMS when the listing itself is stable and the next page can be requested cleanly through AJAX. Ditto already gives you the core listing and pagination structure; the rest is about loading the next chunk and appending it on scroll.
What You Need
- a predictable paginated Ditto output
- an AJAX endpoint or paginated URL that returns the next batch
- a frontend script that appends new items only once per page step
Before adding the scroll behavior, make sure ordinary pagination already works correctly. Infinite scroll should wrap a reliable paginated listing, not replace a broken one.
Good Practice
Keep a visible fallback pager for accessibility and for browsers where JavaScript fails. Infinite scroll is a convenience layer, not the only navigation method.
Fixing Shopkeeper Add-to-Cart Behavior in Ditto Listings
Why add-to-cart actions can behave incorrectly when Shopkeeper is called inside a Ditto loop, and what to normalize before blaming the cart itself.
Showing Only Folder Resources in a Wayfinder Menu
A simple Wayfinder pattern for rendering navigation that includes only container resources and ignores regular documents.