Loop Grid Filter Suite for Elementor
| 开发者 | borshidze |
|---|---|
| 更新时间 | 2026年10月30日 13:15 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Loop Grid Filter Suite for Elementor adds six native Elementor widgets:
- Loop Grid Live Search — instant AJAX title search for posts and WooCommerce products.
- Loop Grid Taxonomy Filter — category, tag, product category, product tag, and public taxonomy filtering.
- Loop Grid Results Counter — a responsive “Showing 6 of 12” counter that follows pagination, search, and filters.
- Loop Grid Clear Filters — a customizable button that resets search, taxonomy filters, pagination, duplicate filter widgets, and the results counter together.
- Loop Grid Filter Popup — a nested, responsive popup for any Elementor widgets or containers, with Static and parent-bound Sticky triggers.
- Loop Grid Price Range — an optional WooCommerce dual-handle price filter with live values, responsive display modes, and complete Elementor styling.
安装:
- Upload the ZIP through Plugins > Add New Plugin > Upload Plugin.
- Activate the plugin. Elementor and Elementor Pro must already be active.
- Set Advanced > CSS ID on the target Loop Grid to
instant-loop-grid. - Add the search, taxonomy filter, results counter, clear button, popup, and/or price range widgets to the same page or template.
- Keep the default target selector, or enter the same simple CSS ID or class in the widgets you use.
常见问题:
Does the plugin require Elementor Pro?
Yes. Elementor Pro is required because Loop Grid is an Elementor Pro widget. WooCommerce is optional.
Does it work with WooCommerce products?
Yes. Search matches product titles, the taxonomy widget supports product categories and product tags, and Loop Grid Price Range filters products by price. WooCommerce remains optional for every non-product feature.
Can search and filters be used together?
Yes. Give both widgets the same Loop Grid CSS selector. Their active conditions are combined.
Is any functionality paid?
No. The complete plugin is free and all controls are available after activation.
Is Russian available?
Yes. English is the source language and a complete Russian translation is bundled. It loads automatically when the WordPress site language is set to Russian.
Where can I find the widget demos?
Open Loop Grid Filters in the WordPress admin menu. The page contains an interactive local demo, widget descriptions, author contacts, and support links. It opens once after the first activation.
Does it replace my Loop Item template?
No. Elementor renders the existing Loop Grid and its original Loop Item template during AJAX updates.
更新日志:
1.24.0
- Added a dedicated bilingual Loop Grid Filters dashboard in WordPress admin with plugin details, contacts, support links, and concise descriptions of every widget.
- Added an interactive local demo for search, taxonomy, price, counter, clear, empty-state, and popup behavior without sending external requests.
- Added a one-time welcome redirect to the demo dashboard after the first manual activation.
- Removed Elementor's Edit with AI button only from this plugin's widget panels.
- Extended the bundled Russian translation and POT catalog for the new dashboard and demos.
- Hardened AJAX price sanitization and documented the cached WooCommerce catalog-bound queries for WordPress coding standards.
- Replaced the discouraged translation loader while preserving the bundled Russian catalog as a fallback for local installations.
- Added a complete bundled Russian translation for Elementor controls, widget labels, frontend messages, accessibility text, AJAX statuses, errors, and plugin metadata.
- Added a WordPress.org-ready POT template and editable ru_RU PO catalog.
- Added localized JavaScript fallback messages so error and status text follows the current WordPress locale.
- Kept English as the source and default language; Russian loads automatically for Russian-language sites.
- Added responsive nothing-found messages to the taxonomy and WooCommerce price widgets.
- Routed an empty-result message to the widget that initiated the latest search, taxonomy, or price request instead of always showing it below Live Search.
- Suppressed Elementor's duplicate native empty message after AJAX updates.
- Added proportional slider space derived from handle size and Hover/Focus scale so enlarged price handles are not clipped.
- Prevented global theme input styles from adding a white border, outline, or shadow to price handles during hover, focus, and active states.
- Replaced the fixed close-value threshold with real tooltip-width collision detection, so price labels separate only when they would actually overlap.
- Prevented themes and Elementor styles from adding horizontal padding to the native price range inputs.
- Anchored the visual track endpoints to the exact centers of the minimum and maximum handles.
- Calculated following price-label positions from the rendered track itself so labels remain centered over their handles at every size.
- Aligned the inactive and selected price tracks on one shared center line.
- Kept handles vertically centered for every responsive handle size.
- Matched the track endpoints to the exact centers of the minimum and maximum handles.
- Removed unintended horizontal spacing, default handle borders, focus rings, and shadows.
- Kept following price labels aligned with the real native handle positions.
- Added the optional Loop Grid Price Range widget for WooCommerce product Loop Grids.
- Added a separate Loop Grid Filter WooCommerce Elementor category without making WooCommerce a plugin dependency.
- Added automatic catalog price limits, manual limits, dual handles, responsive follow/edge/hidden price text, currency formatting, URL persistence, and accessible live status messages.
- Added responsive track, fill, handle, tooltip, hover, focus, sizing, spacing, typography, color, border, and smooth follow-animation controls.
- Integrated price filtering with live search, taxonomy filters, pagination, duplicate widgets, result counters, response caching, and the global Clear Filters widget.
- Kept the complete core suite available when WooCommerce is not installed or active.
- Added Single and Multiple selection modes to the Loop Grid Taxonomy Filter widget.
- Multiple mode combines selected terms from one taxonomy with OR while separate taxonomy widgets continue to combine with AND.
- Added multi-term URL persistence, duplicate-filter synchronization, prefetching, deselection, All-item reset, and clear-widget compatibility.
- Preserved the existing Single mode as the default for full backward compatibility.
- Added smooth color, fill, stroke, transform, and opacity transitions to all widget icons, including custom Elementor icons.
- Fixed animated Loop Item cards remaining invisible inside the Elementor editor preview. Frontend entrance animations are unchanged.
- Added the Loop Grid Clear Filters Elementor widget with automatic Loop Grid targeting.
- Added responsive button text, icon visibility and position, custom Elementor icons, alignment, typography, padding, margin, icon sizing, border controls, and Normal, Hover, and Focus states.
- Reset matching search widgets, taxonomy filters, duplicate filters, pagination, URL parameters, the original Loop Grid, and result counters with one click and no extra AJAX request.
- Added accessible reset status announcements and support for filters that do not display an All item.
- Added a shared in-memory response cache so duplicate search and taxonomy widgets reuse identical Loop Grid results immediately.
- Added intent-based category prefetching on hover, keyboard focus, touch, and popup opening without changing the visible interface.
- Added a short server render cache keyed by content, document, user, locale, search, filters, and page to avoid repeated Elementor rendering.
- Cached the target Loop Grid element data and reduced repeated taxonomy-query updates during AJAX rendering.
- Changed every user-facing animation duration control from milliseconds to responsive decimal seconds.
- Matched the Elementor popup preview timing to the exact current duration value before replaying the animation.
- Clipped popup transform overflow while preserving panel content scrolling, preventing temporary scrollbars and layout jumps.
- Replayed the selected popup animation immediately inside Elementor whenever its type, duration, or easing changes.
- Reset Editor Popup Preview to Closed whenever the Elementor editor is loaded or refreshed.
- Added an invisible reset frame so every editor replay starts from the full selected motion instead of a shortened reverse transition.
- Added responsive popup animations: None, Fade, four directional slides, Soft Zoom, Float Up, and Blur Fade.
- Added responsive animation duration and easing controls, including Smooth, Snappy, and Soft Bounce motion curves.
- Added matching close animations while keeping modal scroll locking active until the panel is fully hidden.
- Respected the visitor's reduced-motion preference and limited GPU preparation to active animation phases.
- Moved the Loop Grid Filter Suite category to the top of Elementor's widget panel in every editor language.
- Added responsive popup border type and border width controls, including a border-free option.
- Added a Top Sheet popup position and fixed responsive Screen Edge Spacing in both the frontend and Elementor editor preview.
- Added overlay and overlay-free popup modes: modal mode locks the page without removing its scrollbar, while overlay-free mode keeps the page scrollable and interactive.
- Synchronized selections between functionally identical taxonomy filters and deduplicated their AJAX filter state.
- Changed the Open editor preview from an inline block to a true full-canvas popup overlay.
- Matched the frontend overlay, panel position, width, height, padding, radius, and backdrop inside Elementor editor preview.
- Kept nested popup content editable through the canvas and Navigator without expanding the widget column.
- Replaced the close button size control with responsive padding so its dimensions follow the selected icon naturally.
- Updated Elementor editor templates to preview the selected trigger and close icons immediately.
- Rebuilt parent-bound sticky positioning with a spacer and fixed-position controller, matching Elementor Motion Effects even inside overflow-hidden layouts.
- Added WordPress admin-bar compensation, responsive sticky settings, and exact stopping at the parent boundary.
- Fixed custom Font Awesome colors and responsive sizing for the popup trigger and close icons.
- Isolated the close button from theme button padding, border, sizing, and SVG fill overrides.
- Replaced viewport-fixed placement with a sticky trigger that follows scrolling only inside its Elementor parent container.
- Added an editor-only Open/Closed popup preview so the trigger and nested popup content can be edited separately.
- Registered the popup with Elementor's NestedElementBase editor model so nested containers are created, duplicated, displayed in Navigator, and accept arbitrary widgets.
- Added compatibility with Elementor optimized markup while retaining the standard widget wrapper when required.
- Replaced removed Elementor Eicons with stable CSS-drawn Show, Hide, Static, and Fixed control icons.
- Added a native Nested Repeater to the popup so its content containers appear and remain editable in Elementor Navigator like Accordion items.
- Allowed multiple nested popup content sections and rendered every child container inside the dialog.
- Added a nested Loop Grid Filter Popup widget that accepts arbitrary Elementor widgets and containers.
- Added responsive Static and Fixed trigger layouts, popup positions, offsets, icons, labels, and style controls.
- Added accessible dialog behavior, keyboard focus trapping, Escape and backdrop closing, and optional scroll locking.
- Made multiple popup instances independent so duplicate widgets do not conflict.
- Fixed responsive Show/Hide controls so unset tablet and mobile values inherit Desktop instead of hiding icons or messages.
- Added clear inherited-state previews in the Elementor editor, including custom Desktop text on tablet and mobile.
- Improved duplicate search-widget coordination by using the active non-empty search for a shared Loop Grid.
- Kept the nested-level indent stable for child items during Hover, Focus, Active, and pressed states.
- Fixed Column layout alignment so Start, Center, and End retain natural item widths while Stretch fills the available width.
- Added separate responsive styling for child terms when All taxonomy terms is selected.
- Child terms now support their own typography, padding, nesting indent, borders, and Normal, Hover, Active, and Focus colors.
- Child categories are automatically identified from the taxonomy hierarchy at every nesting level.
- Added responsive Left, Right, and Space Between positions for the taxonomy dropdown icon.
- Reworked the Layout alignment option so Stretch distributes filter items across the available row width.
- Added automatic Loop Grid discovery and selection to the search, taxonomy filter, and results counter widgets.
- Generated the internal AJAX query key automatically for a selected Loop Grid while retaining manual advanced settings.
- Added an option to hide child terms from the All taxonomy terms list.
- Added separate Elementor icon selectors for the closed and open child-category toggle states.
- Replaced the fixed toggle button size with responsive padding controls.
- Added responsive Normal, Hover, Active, and Focus style tabs for the dropdown toggle.
- Kept the parent category button width stable when its child container opens.
- Updated the results counter when Elementor Load More appends additional Loop Grid items.
- Removed the redundant Show counter control from the Elementor widget.
- Added the responsive Loop Grid Results Counter Elementor widget.
- Added exact cumulative result counts for numbered pagination without an extra AJAX request.
- Kept the counter synchronized with live search, taxonomy filters, cached responses, restored grids, and native pagination.
- Sanitized the combined taxonomy-filter payload before decoding it in AJAX requests.
- Confirmed compatibility with WordPress 7.1 and updated the directory metadata.
- Added the WordPress.org contributor account and clarified dependency metadata.
- Added privacy, trademark, artwork-credit, and licensing information.
- Added safe transient cleanup on uninstall.
- Prepared correctly sized WordPress.org icon and banner assets outside the plugin package.
- Renamed the product to Loop Grid Filter Suite for Elementor.
- Added author, Telegram, and PayPal support links to the Installed Plugins screen.
- Added a compact author card to both Elementor widget panels.
- Renamed the Elementor widgets and their shared category for clearer discovery.
- Converted all plugin metadata and documentation to English.
- Grouped search and filter widgets in one Elementor category.
- Prevented filter actions from showing the search-field loading indicator.
- Added a selected parent category mode with direct children or all descendants.
- Added collapsible child-category containers with inline-tab and dropdown layouts.
- Added responsive styling for the child container, child items, and toggle.
- Cached parent-category choices and invalidated the cache when terms change.
- Added the Loop Grid Taxonomy Filter widget for public taxonomies.
- Added post categories and tags plus WooCommerce product categories and tags.
- Combined search and multiple taxonomy filters on one Loop Grid.
- Added responsive layouts and Normal, Hover, Active, and Focus styling.
- Added server-side title search for WooCommerce Product Loop Grid.
- Preserved product categories, stock status, sorting, and original query restrictions.
- Aligned responsive-control icons in the Elementor panel.
- Added per-device visibility for search and clear icons.
- Added a responsive, customizable nothing-found message below the search field.
- Removed duplicate event handlers and Loop Grid snapshots during repeated Elementor renders.
- Reused one resize and pagination handler per page.
- Removed unnecessary AJAX work in Elementor edit mode.
- Made pasted full titles search immediately.
- Made primary visual controls responsive for Desktop, Tablet, and Mobile.
- Added per-device colors, backgrounds, borders, radii, icon controls, and placeholder text.
- Fixed text and placeholder colors across Normal, Hover, and Focus states.
- Added compatibility with Elementor Global Colors.
- Removed the animation switch and moved animation settings into Style controls.
- Reorganized technical settings and compact icon-selection tabs.
- Added Normal, Hover, and Focus styling plus icon hover scale and transition duration.
- Added reduced-motion support.
- Removed the input radius that could clip text.
- Made the clear icon and loading indicator share one slot.
- Added Elementor icon-library controls and independent icon styling.
- Replaced fixed field height with padding controls.
- Fixed multi-word and full-title matching on MySQL and MariaDB.
- Prevented unrelated results for single-character queries.
- Limited predictable search matching to post titles.
- Preserved original post-type and taxonomy restrictions.
- Automated the Loop Grid Query ID integration.
- Added field padding and icon spacing controls.
- Initial release.