Advanced Ajax Posts Filter For Elementor

Advanced Ajax Posts Filter For Elementor is a comprehensive WordPress plugin that creates a custom Elementor widget with advanced AJAX taxonomy filtering capabilities. This plugin enhances the standard Elementor posts widget by adding dynamic filtering functionality without page reloads, providing users with a smooth and interactive browsing experience.

Features

Core Functionality

-

Advanced Query Controls

• Support for all public post types (posts + Custom Post Types)

• Include/Exclude posts by ID with precise control

• Multiple sorting options: Date, Title, Menu Order, Random

• Flexible order settings: ASC/DESC

• Posts per page configuration

• Offset control for custom post skipping

• Ignore sticky posts option

-

Multiple Layout Options

• Grid layout with responsive columns

• Masonry layout for dynamic content

• List layout for traditional blog style

• Card layout with overlay effects

• Responsive columns (desktop/tablet/mobile)

• Adjustable column gap & row gap

• Equal height option for consistent layouts

-

Advanced Pagination System

• None (disable pagination)

• Numbers pagination with customizable controls

• Load More button with AJAX loading

• Infinite Scroll for continuous browsing

• Previous/Next navigation with icon support

• Custom pagination text and styling

-

Rich Post Elements

• Featured Image with size selection and lazy loading

• Title with HTML tag selection (H1-H6)

• Excerpt with length control

• Comprehensive meta data: Author, Date, Categories, Comments

• Customizable Read More button

• Card overlays for date and categories

AJAX Taxonomy Filter

-

Powerful Taxonomy Controls

• Support for any taxonomy (category, tag, custom taxonomy)

• Include/exclude specific terms

• Show “All” option for quick reset

• Multi-select toggle for complex filtering

• Full hierarchical support

• AND/OR relation between terms

-

Flexible Filter UI Styles

• Horizontal tabs for space-efficient layout

• Vertical tabs for sidebar placement

• Customizable filter appearance

-

Smart Behavior

• Pure AJAX-based filtering (no page reload)

• Seamless integration with all pagination types

• Works with Load More and Infinite Scroll

• Optional URL sync for shareable filtered views

• Graceful fallback if JavaScript is disabled

• Loading states and smooth animations

Styling & Customization

-

Complete Visual Control

• Typography controls for all text elements

• Color customization with Elementor global colors

• Border and shadow effects

• Spacing and padding controls

• Responsive design settings

• White text on colored backgrounds for perfect visibility

-

Elementor Integration

• Native Elementor widget architecture

• Live preview in Elementor editor

• Global color system integration

• Responsive controls for all devices

• CSS optimization for performance

Developer Hooks

The plugin provides several action and filter hooks for extensibility:

• aapf_before_query – Filter query arguments before execution

• aapf_after_query – Action after query execution

• aapf_before_render – Action before widget render

• aapf_after_render – Action after widget render

Example Usage

[code]

// Modify query arguments

add_filter( ‘aapf_before_query’, function( $args, $settings ) {

// Add custom query modifications

if ( isset( $settings[‘custom_field’] ) ) {

$args[‘meta_key’] = $settings[‘custom_field’];

}

return $args;

}, 10, 2 );

// Add custom action after render

add_action( ‘aapf_after_render’, function( $settings ) {

// Your custom code after widget render

error_log( ‘Widget rendered with settings: ‘. print_r( $settings, true ) );

} );

[/code]

Security

• All user inputs are properly sanitized using WordPress functions

• All outputs are escaped to prevent XSS attacks

• AJAX requests include nonce verification

• Proper capability checks for all operations

• No direct file access allowed

• Follows WordPress security best practices

Performance

• Lazy loading for featured images

• Efficient WP_Query usage with proper caching

• Minimal DOM manipulation with optimized JavaScript

• Proper post data reset to prevent memory leaks

• No duplicate queries or unnecessary database calls

• Conditional asset loading for improved page speed

Browser Support

• Modern browsers (Chrome, Firefox, Safari, Edge)

• Graceful degradation for older browsers

• Works without JavaScript (basic functionality)

• Mobile-optimized touch interactions

• Accessible keyboard navigation

Donate

Love this plugin? Help us continue development and add more amazing features!

Your support helps us:

• 🚀 Add new features and layout options

• 🐛 Fix bugs and improve stability

• 📱 Enhance mobile experience

• 🎨 Create more customization options

• 📚 Write better documentation

com/zluck.

License

This plugin is licensed under the GPLv2 or later. html.

Credits

Developed following WordPress Plugin Handbook best practices and Elementor widget architecture guidelines.

• Elementor Integration – Built with Elementor 3.0+ compatibility

• WordPress Standards – Follows all WordPress coding standards

• Performance Focus – Optimized for speed and efficiency

• User Experience – Designed with accessibility and usability in mind