Ajax Filter Main Query
The foundation element that displays your filtered content.
This element is required - it's where your posts/products will appear.
Content Settings
Query Name
Unique identifier to connect with other filter elements
Post Type
Select which post type to query (post, page, product, etc.)
Posts Per Page
Number of items to display per page
Posts Limit
Maximum total posts to query (0 = unlimited)
Offset
Skip first N posts
Order By
Sort by Title or Date
Order
ASC (ascending) or DESC (descending)
Advanced Settings
Show Loading Overlay
Display opacity overlay during AJAX filtering
Loader Type
Choose from: Default, Ellipsis, Dual Ring, Roller, Ripple, Gradient Spinner, Bouncing Bars, Clock, Pulse
Loader Color
Customize loader color
Result Appearance Effect
Animation when results appear: None, Fade Scale, Slide Up, Zoom In, Bounce, Slide Rotate, Blur to Focus, Fade Only, Alternating Slide
Infinite Scroll
Auto-load more posts when scrolling
Scroll Offset (px)
Distance from bottom to trigger infinite scroll (default: 200px)
Scroll Delay (ms)
Wait time before loading (default: 300ms)
Design Settings
Width
Layout (List or Grid)
Items per row (for grid layout)
Spacing between items
Margin/Padding
Usage Example
1. Add Ajax Filter Main Query
2. Set Query Name: "blog-posts"
3. Post Type: "post"
4. Posts Per Page: 9
5. Layout: Grid, 3 columns
6. Add child elements for your post card designLast updated