Load More Ajax – Infinite Scroll & Pagination

Load More Ajax – Infinite Scroll & Pagination is a powerful and lightweight WordPress plugin that allows you to dynamically load posts, pages, WooCommerce products, and custom post types without refreshing the page.

Improve user experience and increase engagement using AJAX-powered content loading.

🚀 Key Features

• AJAX Load More Posts

• Infinite Scroll Support

• Load More Button Pagination

• AJAX Pagination for WordPress

• Works with WooCommerce Products

• Supports Custom Post Types

• Lightweight & Fast

• Easy Integration

• Developer Friendly

🎯 Why Use This Plugin?

Traditional pagination reloads the page and interrupts user experience. This plugin replaces it with smooth AJAX-based loading.

• Faster browsing experience

• Better engagement

• Reduced bounce rate

• Modern UX similar to social media platforms

📌 Use Cases

• Blog post pagination

• News websites

• WooCommerce product loading

• Portfolio grids

• Magazine layouts

⚙️ How It Works

The plugin uses AJAX to fetch and display content dynamically when users click the “Load More” button or scroll down the page.

No page reload. No interruption.

🔥 SEO & Performance Friendly

• Does not affect SEO structure

• Lightweight script

• Optimized for performance

Key Features

• 5 Beautiful Layouts — Classic Grid, List View, Modern Card, Masonry, and Carousel

• Custom Post Type Support — Works with any public post type (Posts, Pages, WooCommerce Products, Portfolios, etc.)

• Dynamic Taxonomy Filtering — Filter by any taxonomy, not just categories

• Masonry Layout — Pinterest-style staggered grid with smooth re-layout on filter/load-more

• Carousel/Slider — Swiper.js powered carousel with configurable slides, arrows, dots, and autoplay

• Category Filtering — Ajax-powered taxonomy term filters on the frontend

• Elementor Widget — Fully integrated widget with layout, query, and style controls

• Carousel Styling Controls — Customize arrow and dot appearance (size, colors, borders, hover states) in Elementor

• Admin Block Builder — Visual block creator with live preview, style thumbnails, and shortcode generator

• Responsive Design — Mobile-first, fully responsive across all layouts

• Performance Optimized — Caching, lazy loading, rate limiting, and modern JavaScript

• Developer Friendly — Hooks, filters, REST API, and extensive documentation

DEMO & DOCS

For more information see the plugin demo & Documentation

How To Use

Admin Block Builder

• Go to Load More Ajax → Add New in your WordPress admin

• Give your block a title

• Select a Post Type (Post, Page, Product, or any custom post type)

• Choose a Taxonomy (Category, Tag, Product Category, or any registered taxonomy)

• Pick a Layout — Classic Grid, List, Modern Card, Masonry, or Carousel

• Configure columns, posts per page, text/title limits

• For Carousel: set slides per view, arrows, dots, and autoplay

• Select terms to include or exclude

• Save and copy the generated shortcode

Shortcode Usage

Basic: [load_more_ajax_lite]

Full attributes:

[load_more_ajax_lite post_type="post" taxonomy="category" posts_per_page="6" filter="true" include="" exclude="" text_limit="10" title_limit="30" style="1" column="3"]

Shortcode Attributes:

• post_type — Any registered public post type. Default: post

• taxonomy — Taxonomy to use for filtering. Default: auto-detected from post type

• posts_per_page — Number of posts before load more. Default: 6

• filter — Show/hide category filter bar. Default: true

• include — Show only specific term IDs (comma-separated)

• exclude — Hide specific term IDs (comma-separated)

• text_limit — Excerpt word count. Default: 10

• title_limit — Title character limit. Default: 30

• style — Layout style: 1 (Grid), 2 (List), 3 (Modern Card), 4 (Masonry), 5 (Carousel). Default: 1

• column — Grid columns: 2, 3, or 4. Default: 3

Carousel-only attributes:

• slides_per_view — Slides visible at once: 1 to 4. Default: 3

• show_arrows — Show navigation arrows. Default: true

• show_dots — Show pagination dots. Default: true

• autoplay — Enable auto-slide. Default: true

Elementor Widget

• In the Elementor editor, search for LMA Blog Post

• Drag the widget to your page

• Content Tab:

• Select layout (5 options)

• Choose post type and taxonomy

• Select specific terms to display

• Set columns, posts per page, and order

• Configure carousel options (for carousel layout)

• Style Tab:

• Customize card background, title colors, meta colors

• Arrow Style (carousel) — Size, icon size, border radius, colors (normal/hover), border

• Dot Style (carousel) — Size, active width, spacing, border radius, colors, border