Tihi

<p><strong>Filtrex – SEO Product Filter for WooCommerce</strong> is a plugin built around one principle: every filtered page should be a page search engines can understand, crawl, and index correctly.</p>
<p>The Plugin generates clean, hierarchical URLs — <code>/product-category/clothing/color-red/size-m/</code> — without extra path segments or tracking parameters. Each URL can carry its own robots meta tag and canonical URL, configured separately per filter scenario directly in the plugin settings.</p>
<p>Beyond URL structure and crawl control, the plugin gives store owners a complete toolset for on-page SEO of filtered pages: dynamic title tags, dynamic H1 headings, dynamic meta descriptions, and integration with all major SEO plugins.</p>
<h3>SEO-Friendly WooCommerce Product Filter URLs</h3>
<p>Filter selections are encoded directly into the URL path:</p>
<pre><code>/product-category/clothing/color-red/
/product-category/clothing/color-red/size-m/
/product-category/clothing/price-100-500/
</code></pre>
<p>In AJAX mode, the browser URL updates silently via the HTML5 History API as the customer applies filters. The resulting URLs are shareable, bookmarkable, and navigable with the browser back and forward buttons.</p>
<h3>Robots Meta Tag and Canonical URL Control for Filtered Pages</h3>
<p>The plugin provides individual robots and canonical settings for each type of filtered page. You can configure these scenarios separately:</p>
<p><strong>Unfiltered pages:</strong></p>
<ul>
<li>Category page — first page</li>
<li>Category page — paginated</li>
<li>Shop page — paginated</li>
</ul>
<p><strong>Filtered pages:</strong></p>
<ul>
<li>Single filter, single value — on shop page or on category page</li>
<li>Brand filter only — on shop page or on category page</li>
<li>Brand plus one additional filter with a single value — on shop page or on category page</li>
<li>Two filters, one value each — on shop page or on category page</li>
<li>Single filter with multiple values selected</li>
<li>Multiple filters (three or more) or multiple values combined</li>
<li>Price filter only</li>
<li>Paginated filtered pages</li>
<li>Pages with <code>?orderby=</code> sort parameter</li>
</ul>
<p><strong>Robots options:</strong> <code>index,follow</code> / <code>noindex,follow</code> / <code>noindex,nofollow</code></p>
<p><strong>Canonical options:</strong> current URL / first page of the filter / category page / shop page</p>
<p><strong>Granular noindex per attribute and per term</strong> — you can mark individual attribute terms as noindex without affecting the rest of the attribute. For example: noindex pages filtered by <code>pa_color = black</code> while keeping all other color filter combinations indexable.</p>
<h3>Integration with SEO Plugins</h3>
<p>The plugin is compatible with Yoast SEO, Rank Math, The SEO Framework, SEO Press and All in One SEO. The plugin detects which SEO plugin is active and hooks into its robots, title tag and canonical output filters. If no SEO plugin is present, the plugin outputs the meta tags directly in wp_head as a fallback.</p>
<p>Robots and canonical settings configured in the SEO tab take effect regardless of which SEO plugin handles the page output.</p>
<h3>Dynamic SEO Titles and Meta Descriptions for Filtered Pages</h3>
<p><strong>Title tag and H1 heading</strong> — both are generated dynamically from a configurable list of components. Available components: category name, shop name, up to two attribute values and separator text elements. The component order is fully configurable via drag-and-drop, and you can set capitalization rules (as-is, sentence case, title case, or uppercase) and an optional suffix for the title tag only.</p>
<p><strong>Meta description</strong> — configure a template for each filter scenario using placeholders: <code>{category}</code>, <code>{attribute}</code>, <code>{price}</code>, <code>{filters}</code>, <code>{category_in}</code>. Dynamic descriptions can apply to all filtered pages or to indexed pages only.</p>
<p>A live preview of the generated title is available directly in the SEO settings tab before saving.</p>
<p><strong>Grammatical inflection for Slavic and other inflected languages</strong> — you can assign grammatical gender to categories and custom taxonomies, and store inflected forms per term. The title and H1 generation system uses the correct inflected form when building the output. Languages with predefined support: Serbian, Croatian, Bosnian.</p>
<h3>WooCommerce Product Filter Types</h3>
<p>The plugin supports five filter types:</p>
<p><strong>Price filter</strong> — range-based with a dual-thumb slider, input fields, or both combined. Minimum and maximum values are calculated from products within the current category context.</p>
<p><strong>Product categories</strong> — hierarchical tree with subcategory indentation and product counts. Clicking a category navigates to that category page rather than applying a checkbox filter.</p>
<p><strong>Product attributes</strong> — all WooCommerce product attributes. Each attribute has an independent display style setting. Product counts update dynamically when other filters change.</p>
<p><strong>Brands</strong> — WooCommerce product brands with color swatch or image swatch support.</p>
<p><strong>Custom taxonomies</strong> — public product taxonomies beyond WooCommerce defaults display as hierarchical link trees, following the same pattern as categories.</p>
<p>All filter types support:</p>
<ul>
<li>Enable or disable individually</li>
<li>Custom label override</li>
<li>Default collapsed or expanded state</li>
<li>Drag-and-drop reorder across all filter types</li>
<li>Product count display with dynamic recount on filter change</li>
</ul>
<h3>Display Styles for the AJAX WooCommerce Product Filter</h3>
<p>AJAX mode updates the product list without a page reload. During filtering, the product grid, pagination, active filter chips, and browser URL all update without leaving the page.</p>
<p>Page reload mode is also available for setups where AJAX is not preferred.</p>
<p><strong>Filter logic</strong> — choose AND (products must match all active filter groups) or OR (products match any group). The setting applies across all filter types.</p>
<p>Each attribute and the brand filter can use one of five display styles:</p>
<ul>
<li><strong>Checkboxes</strong> — standard list with labels and counts</li>
<li><strong>Chips</strong> — pill-shaped toggle buttons</li>
<li><strong>Toggle buttons</strong> — rectangular button-style toggles</li>
<li><strong>Color swatches</strong> — circular colored elements with a hex color picker per term</li>
<li><strong>Image swatches</strong> — thumbnail images uploaded per term via the WordPress media library</li>
</ul>
<p>A search box can appear inside any attribute filter above a configurable item count threshold. A “Show more / Show less” control limits the visible number of items.</p>
<h3>Ghostblock Pagination</h3>
<p>The plugin replaces the standard WooCommerce sequential pagination with Ghostblock pagination on all shop and product category pages — for both AJAX mode and page reload mode.</p>
<p>Standard pagination links pages 1, 2, 3, 4… sequentially. On a store with 200 pages, pages beyond the first few are never linked from page 1 and receive almost no PageRank from internal linking. Ghostblock fixes this by displaying two blocks of 10 pages on every paginated page:</p>
<ul>
<li><strong>Primary block</strong> — the 10-page window that contains the current page (e.g. pages 1–10 when browsing page 5)</li>
<li><strong>Ghost block</strong> — a jump-ahead window at <code>current_page × 10 + 1</code> (e.g. pages 51–60 when browsing page 5)</li>
</ul>
<p>The ghost block links are displayed with reduced opacity to signal to users that they are secondary navigation, while still being fully crawlable and clickable.</p>
<p>This ensures that every page on the store is reachable within a small number of clicks from any other page, distributing internal PageRank to deep catalog pages that would otherwise be inaccessible to search engine crawlers.</p>
<p>Ghostblock pagination is enabled by default. It can be disabled in the <strong>Display settings tab</strong> if standard WooCommerce pagination is preferred.</p>
<h3>Variation Image and Price Matching</h3>
<p>When the variation image matching feature is enabled for an attribute, the product card in the grid swaps its image and displayed price to match the variation that corresponds to the currently selected attribute values. This applies to WooCommerce variable products.</p>
<h3>Active Filters Bar</h3>
<p>Active filter selections appear as removable chips. Each chip shows the filter label and value; clicking it removes that filter immediately. A “Reset all” link clears all active filters at once. The bar can be positioned above the product grid or below the filter panel.</p>
<h3>Mobile WooCommerce Product Filter Panel</h3>
<p>On mobile, the filter panel opens as a slide-in drawer. The trigger button position (left, center, right), width (full or auto), label text, and all panel colors (background, text, accent, overlay) are configurable individually via the Display settings tab using a color picker.</p>
<p>The Apply and Reset buttons stay fixed at the bottom of the panel outside the scrollable filter area, so they remain accessible regardless of how far the customer has scrolled through the filters.</p>
<h3>Gutenberg Block and Shortcode</h3>
<p><strong>Gutenberg block</strong> — add the “Product Filter” block via <strong>Appearance > Widgets</strong>, in the sidebar widget area of your theme. Each block instance has its own settings for title text, which filters to show or hide, and initial collapsed or expanded state per filter.</p>
<p>If you add the block directly in the WordPress page or post block editor (not the widget area), only the category and custom taxonomy filters will be displayed. Price, attribute, and brand filters require a WooCommerce shop or category archive context to generate correct URLs.</p>
<p><strong>Shortcode:</strong> <code>[spfwsp_filter]</code></p>
<p>Available parameters:</p>
<ul>
<li><code>show="price,categories"</code> — show only the listed filters</li>
<li><code>hide="brands,pa_color"</code> — hide the listed filters</li>
<li><code>title="Filter Products"</code> — override the filter title</li>
<li><code>collapsed="price,brands"</code> — start these filters in collapsed state</li>
<li><code>layout="full_width"</code> — force full-width off-canvas layout for this shortcode instance, rendering both the open button and the filter panel; useful when the theme does not call the standard WooCommerce hook</li>
</ul>
<p>All parameters can be combined freely.</p>
<h3>No jQuery Dependency</h3>
<p>All frontend functionality — AJAX requests, URL updates, filter interactions, mobile panel, active chips — is written in vanilla JavaScript. No jQuery is loaded or required.</p>
<h3>Theme Compatibility for Dynamic H1 Headings</h3>
<p>The plugin is tested and confirmed compatible with the following themes:</p>
<ul>
<li><strong>Astra</strong></li>
<li><strong>Kadence</strong></li>
<li><strong>Neve</strong></li>
<li><strong>OceanWP</strong></li>
<li><strong>Blocksy</strong></li>
<li><strong>GeneratePress</strong></li>
<li><strong>Storefront</strong></li>
<li><strong>Virtue</strong></li>
</ul>
<p>Dynamic H1 headings work differently across themes because each theme has its own way of rendering the WooCommerce page title. For other themes, the standard WooCommerce title filters are used.</p>
<p>If a theme is not listed here, the dynamic H1 heading feature may or may not work depending on how the theme renders the page title — check the plugin settings to enable it and verify the output on your store. If H1 is not updating, check which filter hook your theme uses for the page title and enter it in the <strong>Custom H1 filter hook</strong> field in the SEO settings tab.</p>


Filtrex – SEO Product Filters for WooCommerce

WooCommerce product filter with SEO-friendly URLs, per-scenario robots and canonical control, AJAX mode, and dynamic SEO title generation.

WP Smart Widgets

<p>The only free Elementor plugin for unlimited pro-grade filtering of all your post content. Filter by taxonomies, custom fields, ACF, relational fields, and numeric ranges – with seamless integration, no restrictions, and full customization. Get advanced filtering features without paying for limitations.</p>
<h3>Filter Widget Key Features:</h3>
<ul>
<li>Compatible with Elementor Pro post widget, ACF, WooCommerce and most translation plugins.</li>
<li>True faceted filtering with real-time option availability and dynamic result counts.</li>
<li>Filter any post type.</li>
<li>Customizable filter items list with easy re-ordering options.</li>
<li>Filter anything using taxonomies, custom fields/ACF, relational and numeric fields.</li>
<li>Keyword search support for custom field/ACF.</li>
<li>Various filter types catered to diverse use-cases: checkboxes, radio buttons, label list, dropdown, numeric range, select2 (single & multiple select).</li>
<li>Fine-tune the filter with the choice of relation (AND or OR) between terms and parents.</li>
<li>User-friendly more/less and toggle options, ideal for managing extensive lists.</li>
<li>Choose how filters are applied: Auto-submission or Submit button mode.</li>
</ul>
<p><a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/filter-post-widgets-demo/" rel="nofollow ugc">Filter Widget Demo</a> – See the filter in action.</p>
<h3>Post Widget Key Features:</h3>
<ul>
<li>Query multiple post types at once.</li>
<li>Do more with less – display posts, users, and taxonomies using a single widget.</li>
<li>Effortlessly switch between a dynamic carousel or grid layout at different breakpoints.</li>
<li>Make the most of Swiper API with advanced features such as carousel synching, parallax effects, and more.</li>
<li>Multiple layout options, including classic, on the side, banner, template grid (loop grid), and custom HTML.</li>
<li>Possibility to create your own loop grid, with any dynamic tags and Elementor widgets.</li>
<li>Flexible post content options: title, content, excerpt, custom field/ACF, taxonomy, HTML, post meta, read more, bookmark, edit options, product price, product rating, buy now, and product badge.</li>
<li>Flexible query system with AJAX pagination.</li>
<li>Customize widget content and style like native Elementor widgets.</li>
<li>Feed-style layouts with taxonomy-based grouping, ideal for magazine or news-style content.</li>
</ul>
<p><a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/elementor-post-slider-travel-theme-demo/" rel="nofollow ugc">Post Slider/Carousel Demo</a> – Check out the post widget possibilities.</p>
<h3>Create Loop Grids for Free:</h3>
<p>Create dynamic loop grids without Elementor Pro. Design fully custom layouts using any Elementor widget and dynamic tag, while keeping full compatibility with filtering and AJAX pagination.</p>
<h3>Exclusive Dynamic Tags:</h3>
<ul>
<li>Exclusive Repeater Field Tag: Unlock the ability to directly output ACF repeater fields in the Elementor frontend, with the flexibility to wrap each part in different HTML tags.</li>
<li>Includes a series of dynamic tags, allowing users to fully utilize template grids with the free version.</li>
</ul>
<h3>Crafted for Seamless Elementor Integration:</h3>
<ul>
<li>Blends seamlessly with Elementor’s native interface.</li>
<li>No disruptive branding — Enjoy a clean, streamlined interface without unnecessary distractions.</li>
<li>Lightweight design, utilizing Elementor’s resources to minimize external dependencies.</li>
</ul>
<h3>Developer-Friendly:</h3>
<p>Tailor the widgets to your needs using dedicated filters and developer hooks.</p>
<h4>Troubleshooting</h4>
<ul>
<li>Make sure the Post Widget class name and the Filter Widget target match.</li>
<li>Check for incompatible plugins or theme conflicts:
<ol>
<li>Temporarily switch to a default WordPress theme.</li>
<li>Deactivate all other plugins except Elementor and Better Post & Filter Widgets.</li>
<li>Test the filter. If it works, reactivate your plugins one by one to find the one causing the conflict.</li>
</ol>
</li>
<li>Disable caching or optimization plugins while testing, as they can interfere with AJAX.</li>
<li>Check the browser console for JavaScript errors (press F12 and look under the Console tab) and resolve any errors that appear.</li>
</ul>
<h3>Docs and Support</h3>
<p>Find support for this plugin in the <a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/" rel="nofollow ugc">documentation</a>.</p>
<h3>Source Code</h3>
<p>This plugin includes both compressed and uncompressed versions of CSS and JavaScript files and can be found under the <code>/assets/</code> directory.</p>


Better Post & Filter Widgets for Elementor

The only free pro-grade Elementor filtering system for posts, taxonomies, custom fields, ACF, WooCommerce, WPML & more. Ditch paid limits!

Filtrex – SEO Product Filters for WooCommerce vs Better Post & Filter Widgets for Elementor