Ajax Scroll

Ajax Scroll transforms standard product listing pages into a smooth, modern browsing experience by replacing traditional pagination with AJAX-powered infinite scroll or a "Load More" button. Instead of forcing shoppers to click through numbered pages, products load dynamically as customers scroll down or request more items with a single click.

This extension solves a common conversion problem: multi-page pagination interrupts the browsing flow, increases page reloads, and adds friction between shoppers and your product catalog. By loading additional products seamlessly on category and search result pages, Ajax Scroll keeps customers engaged longer and reduces the effort needed to explore your full catalog.

Ajax Scroll is built for merchants who want a faster, app-like browsing experience without redesigning their store, and for developers who need a lightweight, configurable way to add infinite scroll behavior to category and search listings.

Key Features

• Two Loading Modes: Choose between Auto mode, which automatically loads more products as the customer scrolls near the bottom of the page, and Manual mode, which displays a "Load More" button that customers click to fetch the next batch of products.
• Category and Search Page Support: Ajax Scroll works out of the box on both category listing pages and catalog search results pages, giving customers a consistent browsing experience across the store.
• Visual Loader Template Picker: The admin configuration includes a visual, tile-based gallery of loading animations. Each option displays a live preview directly in the admin panel, making it easy to choose a style that matches your store's design without touching any code.
• Built-In Loading Animations: The extension ships with a library of ready-made loading indicators, including dot, spinner, hypnotic, bar, and classic animation styles, so you can select a visual cue that fits your store's branding.
• Seamless AJAX Product Loading: New products are appended to the existing product grid without a full page reload, preserving the customer's scroll position and browsing context.
• Automatic Pagination State Handling: The extension automatically tracks the next page URL and detects when the last page of results has been reached, hiding the "Load More" control or stopping auto-loading accordingly.
• Configurable Product List Selector: A developer-focused setting allows the CSS selector used to target the product list container to be adjusted, supporting compatibility with customized or non-default theme markup.
• Store-View Level Configuration: Settings can be configured at the default, website, or store view scope, allowing different behavior across multiple storefronts within the same Magento instance.
• Compatibility Event Triggering: After new products are loaded, the extension triggers a content-updated event on the product list, helping maintain compatibility with other frontend features that listen for DOM changes, such as image galleries or swatches.
• Lightweight Admin Integration: Configuration is organized under a dedicated admin menu and settings section, with access controlled through a standard Magento permissions resource.

Benefits

• Keeps shoppers browsing longer by removing the friction of traditional page-by-page navigation.
• Delivers a modern, app-like shopping experience that aligns with customer expectations.
• Reduces the number of full page reloads, contributing to a smoother perceived performance.
• Gives merchandising teams full control over the loading experience without developer involvement.
• Adapts to different store designs through configurable behavior and selectable loading animations.
• Supports multi-store setups, allowing each storefront to have its own configuration.

Configuration

All settings are managed from a dedicated section in the Magento admin configuration panel. Store owners can enable or disable the feature, switch between Auto and Manual loading modes, and select a loading animation from a visual gallery with live previews. An additional developer setting allows the product list CSS selector to be customized, which is useful for stores running non-default or heavily customized category page templates. All options support configuration at the default, website, and store view scope, enabling tailored behavior across multiple storefronts.

Compatibility

• Composer-based installation (horizon/module-ajax-scroll).
• Requires PHP 7.2 or later.
• Requires the Horizon Dev Base module.
• Supports multi-store and multi-website configurations through store-view level settings.
• Applies to Magento's default category and catalog search result pages.

Use Cases

• Large catalog stores that want to reduce the number of pagination clicks needed to browse products.
• Fashion, electronics, or marketplace-style stores aiming for a modern, continuous browsing experience.
• Merchants who prefer a "Load More" button for more controlled, deliberate browsing over automatic infinite scroll.
• Stores looking to visually customize the loading indicator to match their brand identity.
• Multi-store businesses that need different scrolling behavior per storefront.
• Stores with customized theme markup that require a non-default product list selector.

Technical Highlights

• Dedicated admin configuration section with a visual loader selection interface
• Access control list (ACL) resource for permission management
• Plugin-based interception of category and search result controllers
• View model for passing configuration data to frontend templates
• Custom layout handles for category and search result pages
• Store-view level configuration scope
• Frontend JavaScript widget handling scroll detection and AJAX requests
• Selectable, pre-built loading animation templates

Why Choose This Extension?

Ajax Scroll offers a polished, configurable way to modernize product browsing without complex setup or custom development. With flexible loading modes, a visual animation picker, and support for multi-store configurations, it gives merchants a simple path to a smoother, more engaging shopping experience.