Atomic Element · Pro
Category checkboxes, a price slider, star ratings, ACF fields, dates and a sort menu, all updating your Loop Grid without a reload. Every filtered view gets a shareable link.
The short answer
Loop Filters are nine Elementor 4 Atomic Elements from Animation Addons for Elementor Pro that add an AJAX filter to the free Loop Grid: visitors filter by taxonomy, custom field, date, author or keyword, sort the results and see counts update without a reload. They understand WooCommerce's own filter URLs, and every filtered view has a shareable link.
| Plan | Pro Animation Addons Pro; the Loop Grid they filter is free |
|---|---|
| Element type | Native Elementor 4 Atomic Elements, one per filter |
| Filter elements | Taxonomy, Author, Field, Date, Search, Sort, Result Count, Active Filters, Filter Drawer |
| Field Filter sources | WooCommerce price, rating, stock status, on sale and featured; ACF fields; other custom fields (range, list of choices or toggle) |
| Targets | A Loop Grid or Loop Grid Slider on the page; filters can sit anywhere: sidebar, toolbar, drawer, Offcanvas |
| Behaviour | Instant results, back-button support, shareable URLs, server-rendered filtered page on first load |
| URL style | Clean keys by default (price, sort, product_cat), or prefixed, or custom keys, set once on the Loop Grid dashboard card |
| Option counts | Opt-in per filter; shown while the filtered set is 3,000 results or fewer, hidden (never a wrong number) above that |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on; WooCommerce and ACF optional |
| Plugin version | Animation Addons 4.3 · Last updated October 2026 |
Demo variations
Every demo is built with the Loop Filters, part of Animation Addons Pro, plus native Elementor 4 elements. Extensions they add are named on each card.
Sidebar with category checkboxes and counts, a price slider, star rating and an "In stock only" toggle; above the grid a count, Sort menu and chips.
A two-column grid on phones; a "Filters" button opens a drawer with size and colour, a price slider and Apply / Clear.
A top bar with Area checkboxes, a price range slider, a Bedrooms choice and a keyword box over listing cards.
One row of options over a project grid; picking one swaps the projects in place.
A search box, Topic checkboxes, an Author list and a date range above a list of articles, with a running result count.
Event type options and a date range, sorted soonest first; a filtered link goes into the newsletter.
Included
Each one is its own native Elementor 4 Atomic Element, styled from its own Style panel.
Categories, tags, product categories, product attributes or any custom taxonomy. Checkbox or radio indicators, "Show All" for long lists, matching any or all chosen terms, child terms included or not, and all terms or only the ones you pick.
Values stored on the post: WooCommerce price, rating, stock, on sale and featured; ACF and other custom fields. Shows as a two-handle slider, price brackets, a list of choices or a toggle.
Publish date, modified date, or a custom or ACF date field, with a calendar that follows the site's language and date format.
Every author, or only the authors you choose.
A keyword box for the grid, optionally matching titles only.
Newest, oldest, title A–Z and Z–A, most commented, menu order; on product grids also price up and down, popularity and rating.
How many results match right now.
Each choice as a removable chip, plus clear all.
A slide-in container for filters, with Apply and Clear buttons.
Features
Every option below is a real control in the Loop Filters panel or part of how the element renders. Nothing here needs custom code.
Each choice is written into the URL, the back button steps through filter states, and a filtered link renders on the server, so it works before JavaScript loads.
Loop Filters read WooCommerce's own parameters: min_price, max_price, rating_filter, filter_<attribute>, orderby and filter_stock_status=instock. Old shop links, emails and WooCommerce's filter blocks drive the same filters. One setting turns this off if a page should ignore them.
On product grids, filtering follows WooCommerce: catalog-hidden products stay hidden, "Hide out of stock items" is respected, and price uses WooCommerce's price index, so variable products and stores that show prices with tax filter correctly.
Option counts answer "how many if I pick this", given the other filters already set. They are opt-in per filter, and above 3,000 results the count is hidden rather than shown wrong.
The server honours only filters and values declared by the saved page. Edited or stale URL parameters are ignored, so a shared link never breaks the page.
Start from one of 24 filter presets. A preset that needs a post type or ACF fields says so in the panel, and Pro installs them for you.
Built on the atomic base
Why it mattersThe free Loop Grid's Query sets the fixed base, and Loop Filters add what the visitor may change on top, from wherever the design puts them.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Get Animation Addons ProInstall Animation Addons for Elementor and Animation Addons Pro, then open a page with the Atomic Editor on.
Add a Loop Grid, choose its Source (Products, Posts or your post type) and design the Loop Item card.
Drag the filters you need next to it, or apply one of the 24 presets and install anything it reports missing.
In each filter, choose what it filters; with one grid on the page it targets that grid automatically.
For phones, put the filters inside a Filter Drawer.
Style options, counts and slider handles in the Style tab, test a filtered URL in a new tab, and publish.
Honest comparison
What each option has, side by side. We list where the other choice is the better fit, too.
| Feature | Elementor Pro Taxonomy Filter (classic, 3.15) | Animation Addons Loop Filters |
|---|---|---|
| Requires Elementor Pro | Yes | No (needs Animation Addons Pro) |
| Native Elementor 4 atomic elements | No, filters the classic Loop Grid | Yes, filter the free atomic Loop Grid |
| Multi-select with AND / OR matching | Yes | Yes, (match any or all) |
| What visitors can filter by | Categories and tags | Any taxonomy incl. product attributes, plus price, rating, stock, custom and ACF fields, date, author and keyword |
| Elements included | One filter widget | Nine: six filters, Result Count, Active Filters, Filter Drawer |
Compared with Elementor 4.3.3 (September 2026).
If you own Elementor Pro and need only a category row over a classic Loop Grid, its Taxonomy Filter does the job. Loop Filters are for shops and directories that need price, fields, dates and sorting in the Atomic Editor.
Who it's for
The people who get the most out of it, and what they use it for.
Who want a filterable shop designed in Elementor 4.
Filtering listings by area, price and custom fields.
Adding category filters to portfolio and case-study grids.
Opening up large libraries.
FAQ
Add the free Animation Addons Loop Grid to the page, then drag Loop Filters from Animation Addons Pro next to it, such as a Taxonomy Filter, Field Filter, Sort or Search. With one grid on the page, each filter targets it automatically, and the Loop Grid updates without reloading when visitors change a filter.
Set the Animation Addons Loop Grid's Source to Products and add Loop Filters: a Taxonomy Filter for categories or attributes, a Field Filter for price, rating or stock, and a Sort menu. Loop Filters follow WooCommerce's catalog visibility and price rules and also read WooCommerce's own filter URLs, so existing shop links keep working.
Loop Filters run one WordPress query per filter change, and WordPress caches query results, so a persistent object cache helps. Option counts cost an extra query each, so they are opt-in per filter and switch off above 3,000 results rather than slowing the page. On big catalogues, enable counts only on the filters where shoppers need them.
Yes. Every Loop Filters choice is written into the page URL, so visitors can bookmark or share a filtered view, and the back button returns to the previous filters. Opening that link renders the filtered Loop Grid on the server, so it works even before JavaScript loads.
Yes. The Loop Filters Field Filter reads ACF fields and other custom fields as a range, a list of choices or a toggle, and the Date Filter can read an ACF date field. Presets that depend on ACF fields or a custom post type list what they need, and Animation Addons Pro can install it.
Yes. On phones, place Loop Filters inside the Filter Drawer, which holds them in a slide-in panel with Apply and Clear buttons, or in an Offcanvas panel when you need extra content around them. Every Loop Filters element takes per-breakpoint styles from the Style tab, so slider handles and checkboxes can grow for touch.
No. Loop Filters are part of Animation Addons Pro and filter the free Animation Addons Loop Grid on Elementor Free. Elementor Pro is not required. WooCommerce and ACF are needed only if you filter products or ACF fields.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Loop Filters on the same page or template.
the free grid every Loop Filter connects to.
price, rating, badges, stock, swatches and Add to Cart for the product cards being filtered.
the same query engine as a carousel, also a valid filter target.
a slide-in panel when the filters need extra content around them.
site-wide AJAX search, separate from filtering one grid.
Nine atomic filters on top of the free Loop Grid, WooCommerce-ready. Need something free? The Loop Grid's own Query sets a fixed category, author or date selection with AJAX pagination.
