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.

Sharabindu

<p>ELFI Masonry is a feature-rich <strong>Elementor Masonry Gallery & Filterable Portfolio Addon</strong> designed for showcasing portfolios, products, blog posts, or any custom post type. It helps you create dynamic, category-based filters and visually appealing image galleries with full Elementor styling options.</p>
<p><a href="https://elfi.woocommercebarcode.com/" title="Pro Demo ELFI masonry Addon" rel="nofollow ugc">Try the Demo</a> | <a href="https://sharabindu.com/plugins/elfi-masonry-addon/" rel="nofollow ugc">Premium version</a> | <a href="https://elfi.woocommercebarcode.com/docs/introduction/" title="Documents" rel="nofollow ugc">Documents</a></p>
<h3>Preview ElFI Masonry Addon For Elementor</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XvFWej5Go5M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>The addon includes:</p>
<ul>
<li>Filter Masonry Widget (Post-based masonry with category filter)</li>
<li>Gallery Masonry Widget (Custom image gallery masonry)</li>
</ul>
<p>Both widgets are fully responsive, SEO-friendly, and work with any Elementor-compatible theme.</p>
<h3>Filter Masonry Widget</h3>
<p>The Filter Masonry widget lets you create filterable masonry layouts based on WordPress post types. Categories automatically become filter buttons, allowing users to sort items instantly.</p>
<h3>Features of Filter Masonry</h3>
<h4>Post Type Based Showcase</h4>
<p>Create category-based showcases for:<br />
– Products (WooCommerce)<br />
– Blog Posts<br />
– Portfolio items<br />
– Custom post types</p>
<h4>Two Sorting Methods</h4>
<ol>
<li>
<p>Category Sorting<br />
Displays category-specific items with filter buttons.</p>
</li>
<li>
<p>Post Type Sorting<br />
Displays all items under the selected post type without a filter bar.</p>
</li>
</ol>
<h4>Category Filter Support</h4>
<p>When users click a category button, only items from that category are displayed. Ideal for creating:<br />
– Product filters<br />
– Portfolio filters<br />
– Blog post filters<br />
– Service filters</p>
<h3>Gallery Masonry Widget</h3>
<p>The Gallery Masonry widget allows you to create a beautiful <strong>custom image masonry gallery</strong> without needing posts or categories. All items are added directly from the Elementor editor.</p>
<h3>Features of Gallery Masonry</h3>
<h4>Add Unlimited Items</h4>
<p>Add as many gallery items as needed. Each item can include:<br />
– Image<br />
– Title / Caption<br />
– Link<br />
– Popup content</p>
<h4>Custom Title and Images</h4>
<p>Each gallery item can have a custom:<br />
– Image<br />
– Text/Title<br />
– URL<br />
– Popup content</p>
<h4>Item Link Support</h4>
<p>Hovering over each item reveals a link icon that opens a custom URL.</p>
<h4>Popup Content Options</h4>
<p>Each item can display pop-up elements such as:<br />
– Popup Image<br />
– Popup Video (YouTube/Vimeo)<br />
– Popup Shortcode<br />
– Popup HTML<br />
– Popup Map Embed<br />
– Popup content with image gallery</p>
<h4>Preview & Buy Links</h4>
<p>Perfect for product showcases. Add:<br />
– Preview button<br />
– Buy Now button<br />
– Any custom link</p>
<h3>Other Features</h3>
<ul>
<li>Portfolio Filter</li>
<li>Post Filter</li>
<li>Product Filter</li>
<li>Custom Post Type Support</li>
<li>Change permalink slug for “elfi-masonry-addon”</li>
<li>Fully responsive layout</li>
<li>Popup image viewer</li>
<li>2, 3, and 4-column layouts</li>
<li>Read More button option</li>
<li>Cross-browser compatibility</li>
<li>Lightweight and fast</li>
<li>Well documented</li>
</ul>
<h3>Premium Features</h3>
<p>The premium version includes even more advanced controls:</p>
<ul>
<li>Freestyle masonry with 10+ premium styles</li>
<li>Gallery Masonry with 10 extra professional layouts</li>
<li>Custom post type full support</li>
<li>14+ layout animations</li>
<li>Popup video support (YouTube, Vimeo, etc.)</li>
<li>Popup shortcode support</li>
<li>Popup raw HTML support</li>
<li>Popup embed (map, iframe, code)</li>
<li>Custom popup icons</li>
<li>Popup content with image gallery</li>
<li>AJAX-based infinite scroll pagination</li>
<li>12+ filter button styles</li>
<li>More customization options and templates</li>
</ul>
<h3>Privacy</h3>
<p>ELFI Masonry does not collect, store, or transmit any user data.<br />
It does not connect to any external service.<br />
This is an addon built exclusively for the Elementor Page Builder.</p>
<h3>Feedback</h3>
<p>We welcome your suggestions and feedback.<br />
If you enjoy using ELFI Masonry, please leave a positive review and share your experience.</p>
<h3>And many more things are waiting for you to discover</h3>
<p><a href="https://sharabindu.com/plugins/elfi-masonry-addon" rel="nofollow ugc">GET PRO VERSION</a></p>


Elfi Masonry – Filterable Portfolio & Masonry Gallery Addon for Elementor

"ELFI Masonry Addon" is a filterable and gallery showcase addon for Elementor page builder.

Filtrex – SEO Product Filters for WooCommerce vs Elfi Masonry – Filterable Portfolio & Masonry Gallery Addon for Elementor