Code

Discussion on Filter Everything | WordPress/WooCommerce Product Filter

Discussion on Filter Everything | WordPress/WooCommerce Product Filter

Cart 15,768 sales
Recently Updated

Stepasyuk supports this item

Supported

This author's response time can be up to 1 business day.

9003 comments found.

RE: Hi autelbill

No there are no special procedures, sometimes you might need to go to the filter set and hit the update button in order to make it work and refresh the filter terms. Also, make sure you are using unique prefixes so they won’t cross between each other.

It would be easier to see if you sent a link to that page and provided data on which categories exactly you have added and not working.

Best Regards, - Victor

I provided the following link in all my messages.

https://autel.us/media-articles/

Starting again, you will see 1.Selecting checkboxes, alone, does not generate any results, 2. Selecting the category no longer displays the ajax loading spinner and 3. The collapsable hierarchy no longer toggles open and shut.

Please go to https://autel.us/media-articles/ and see if you can identify the issue that appeared after adding two new child categories for Promotions. I have resaved the filter with no effect. Thank you for you help.

Hi autelbill

After checking the page, it turned out that these elements simply do not have any event listeners from our plugin applied to them.

If you are using a custom theme (that in most cases the problem), please debug it. If you have any other optimizations, please try disabling them for testing purposes as well.

Generally, there is no support for accounts whose support period has expired following the support policy.

You can extend the support time so that we can just ask for the credentials and see what might be causing this issue. But, as we said, it can either be the theme itself or any optimizations on the site. Similar issues were happening and the issue was always a custom theme or any custom code.

You always can check it yourself with the default themes with turned-off plugins in order to find the issue if you do not want to extend the support.

Best Regards,
- Victor

Hello

Updating the plugin to the latest version has caused a fatal error on my site.

Has this function been removed?

PHP Fatal error: Uncaught Error: Call to undefined method FilterEverything\\Filter\\UrlManager::getFormActionUrl()

Thanks for your help Nicolas

OK thanks for your quick reply. Keeping a compatibility method to avoid BC break would have been nice :-)

According to the development team, it wasn’t left for backward compatibility because it’s not a documented feature, and it is related to the plugin’s core functionality. Those who use it can only do so at their own risk, as it can be changed with the updates.

Thank you for your understanding in this matter.

Best Regards,
- Victor

Fair enough :-)

Why do my dropdowns not load a default value, instead show [object Object]. See here, bottom-right: https://www.dhontario.com/product-category/heating/

Hi arturius

This looks like a conflict with some plugins on the site, the theme, or any custom codes.

Try to use any default theme, and clear cache, if it won’t help turn off the plugin and then check which one is exactly causing this behavior.

Best Regards,
- Victor

Hello, How can i add a capacity filter, i sell drums and tanks that are filled with water and i want a numerical slider for capacity but i can’t see a meta key for it or a place to add it to my products

Can you please send the credentials to the wp-admin dashboard following this document so we can check it?

With the link to this capacity attribute on any product.

Best Regards,
- Victor

soted thank you, how would i change the default sorting to a taxonomy with only numerical values

Hi invtotm

When it comes to sorting and taxonomies, things are not as simple as with custom fields. You can apply multiple values to your product when using taxonomy. To make such sorting, you will need a custom code.

Best Regards,
- Victor

Hi teichert-design

Thank you for pointing out this bug for us. We’ll redirect this to the development team and in the next updates this will be fixed.

Best Regards,
- Victor

Replying to: Hello, Our filter stopped working as it normally did. 1.Selecting checkboxes, alone, does not generate any results, 2. Selecting the category no longer displays the ajax loading spinner and 3. The collapsable hierarchy no longer toggles open and shut. I do not see these issues on our filters for different pages. Please let us know what happened, here, https://autel.us/media-articles/ Thank you.

Hi autelbill Please check the latest changes on the site including caching plugins. Perhaps some major changes happened on the site that caused this behavior.

Best Regards, - Victor

Thank you for the reply. Caching is disabled for this page. The only change was adding two new sub categories. Unfortunately, it has not worked since. Without the additional sub categories (on staging) everything works as well. Is there a special procedure for adding new categories when FEP is enabled? Thanks again.

Hi autelbill

No there are no special procedures, sometimes you might need to go to the filter set and hit the update button in order to make it work and refresh the filter terms. Also, make sure you are using unique prefixes so they won’t cross between each other.

It would be easier to see if you sent a link to that page and provided data on which categories exactly you have added and not working.

Best Regards,
- Victor

Hello, Our filter stopped working as it normally did. 1.Selecting checkboxes, alone, does not generate any results, 2. Selecting the category no longer displays the ajax loading spinner and 3. The collapsable hierarchy no longer toggles open and shut. I do not see these issues on our filters for different pages. Please let us know what happened, here, https://autel.us/media-articles/ Thank you.

Hi autelbill

Please check the latest changes on the site including caching plugins.

Perhaps some major changes happened on the site that caused this behavior.

Best Regards,
- Victor

HI, I have following problem. In my ACF data I have squareMeter (m2) stored, but my client want to have in the filter two input fields with width / length. The squareMeter should be calculated and filtered by the squareMeter data.

I thought like using the Range Slider and inject the calculated values as max. I already got this working, but the injected value is not triggering the filter mechanics.

how can I solve this? Thanks you very much

Hi teichert-design

There is this function on the change:

    $(document).on('change', '.wpc-filter-range-form input[type="number"]', function (event) {
        let form = $(this).parents('.wpc-filter-range-form');
        processRangeForm( event, form );
    });

Perhaps studying it will help you to rewrite your function in a way that will trigger filtering.

Best Regards,
- Victor

Great, thanks it works. Is there a way to adjust/overwrite the JS somewhere in my child-template, instead of change it in the filter-everything.js?

You don’t need to override the original one you need to write your own code that will use the presented code features in order to send the data with the changed values.

Or you can remove the event listener from the plugin JS using your JS code and apply your modified events.

Best Regards,
- Victor

Hi, I have an issue with the taxonomy numeric filter. I use it to filter the “release” custom taxonomy in a filter set with other filters (by category and by tag). If I change the “max” value, everything works fine. If I change the “min” value, other filters disappear, but if I apply the filter posts are correctly filtered and displayed by min value. Can you help me? Thank you

The purchase code is e08ed97c-a84b-456d-a7da-b9d468086a6b bought on 25 Sep 2024

The issue here is that those values are not numerical – https://prnt.sc/wwivaq7Nvj5F

Numerical values are 1, 10, 20, 10.02, 20.1, etc…

20.20.20 – string
1-20 – string
1.000.00 – string

You can create a filter set by checkboxes, labels, or any other but not range slider from them.

Best Regards,
- Victor

Thank you for your prompt reply. I don’t understand why the filter itself is working – posts are filtered – and why the “max” parameter doesn’t affect other filters, while “min” does. Do you mind checking if there is any hint about this before reverting to a full numeric taxonomy?

Hi marcogrilli

Unfortunately, you are using a custom template for the range.php file. We do not work with the modified functionality, we can provide support only on the default plugin and its functionality, by default it is only working with the numeric values and float values.

Best Regards,
- Victor

Hi there, i have question for support about the filter button name. we have given the filter button another name. after filtering the name of the button changes to filtered. we want to keep our custom name at all times. do you have a solution for this? Regards Dave

Hi Dave

Have you tried the templates overriding for it – https://filtereverything.pro/resources/templates-overriding/

You can modify it in any way you need.

As for the Apply/Reset buttons from the “Apply Button” mode, you can set the text in the filter set settings where you enabled them.

Best Regards,
- Victor

Thank you Much appriciated. In this way we were able to customize it to our needs.

Hi Dave

We are glad to hear it helps.

Best Regards,
- Victor

Hello, I am trying to create a dropdown filter with checkboxes. I have seen it in your demo page but cannot see how to do it. Screenshot below. Can you tell me how to do this?

https://snipboard.io/9vUdto.jpg

Hi SarahRCJ

Thank you for choosing Filter Everything PRO.

Currently, there is no out-of-box solution for that.

Here’s how you can do it. Go to the filters > settings > experimental > custom CSS and add next styles:

.wpc-filter-set-2450 .wpc-filter-title{
  margin-bottom: 0;
}
.wpc-filter-set-2450 .wpc-filter-content{
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  /*box-shadow: 0px 5px 5px rgb(0,0,0,0.1);*/
  z-index: 10;
  border-radius: 2px;
  padding: 20px 20px;
}
.wpc-filter-set-2450 .wpc-filter-has-selected .wpc-filter-content,
.wpc-filter-set-2450 .wpc-opened .wpc-filter-content{
  border: 1px solid #cccccc;
  border-top: none;
}
.wpc-filter-set-2450 .wpc-filter-header{
  padding: 9px 19px 10px 19px;
  border: 1px solid transparent;
  border-bottom: none;
}
.wpc-filter-set-2450 .wpc-filter-header{
  border: 1px solid #cccccc;
}
.wpc-filter-set-2450 .wpc-filter-has-selected:not(.wpc-closed) .wpc-filter-header,
.wpc-filter-set-2450 .wpc-opened .wpc-filter-header{
  border-bottom: none;
}
.wpc-filter-set-2450 .wpc-wrap-icons{
  line-height: 1.5;
}

Then go to the page where you have your filters widget on and inspect the filter widget in order to find its ID – https://prnt.sc/9j3SiL-VXk3f and use it in this CSS instead of 2450 with your ID

Inside the filter set settings, you need to enable the “folding” option for the filters from the “more options” and use the checkbox, labels, or radio button in the “View in Widget”.

Also, here is a code to make it close when clicking on any other area, and when clicking on the next dropdown, you can place it in the functions.php file of your theme:

function add_filter_toggle_script_to_footer() {
    ?>
  <script>
    jQuery(document).ready(function($) {
        function initFilterToggles() {
            // Get all filter collapsible sections
            const filterCollapsibles = document.querySelectorAll('.wpc-filter-collapsible');

            filterCollapsibles.forEach(collapsible => {
                const button = collapsible.querySelector('.wpc-filter-header button');
                button.addEventListener('click', function(event) {
                    event.stopPropagation(); // Prevent propagation to parent elements

                    // Toggle open/close classes
                    if (collapsible.classList.contains('wpc-opened')) {
                        collapsible.classList.remove('wpc-opened');
                        collapsible.classList.add('wpc-closed');
 } else {
                        // Close all other collapsibles
                        filterCollapsibles.forEach(otherCollapsible => {
                            if (otherCollapsible !== collapsible) {
                                otherCollapsible.classList.remove('wpc-opened');
                                otherCollapsible.classList.add('wpc-closed');
 }
 });

                        // Open clicked collapsible
                        collapsible.classList.add('wpc-opened');
                        collapsible.classList.remove('wpc-closed');
 }
 });
 });

            // Close collapsibles if clicked outside
            document.addEventListener('click', function(event) {
                if (!event.target.closest('.wpc-filter-collapsible')) {
                    filterCollapsibles.forEach(collapsible => {
                        collapsible.classList.remove('wpc-opened');
                        collapsible.classList.add('wpc-closed');
 });
 }
 });
 }

        // Initialize filter toggles on page load
        initFilterToggles();

        // Reinitialize filter toggles after AJAX update
        $(document).on('ajaxComplete', function() {
            initFilterToggles();
 });
 });
    </script>
  <?php
}
add_action('wp_footer', 'add_filter_toggle_script_to_footer');

Best Regards,
- Victor

Hi, I’m using the plugin with Elementor and WooCommerce.

I have the setting in WooCommerce to show subcategories first when clicked a main category that has subcategories.

Is there a way to hide the filters when only subcategory cards are showing on the page?

As of right now there are no product to filter (only subcategory archive), but the filters are there, and it’s not a good design for me.

Please help. Thanks.

Hi brr4bz

Either by custom CSS to hide them on not-needed pages, or by custom function that will do so. In fact there is a product query on those pages justs a different template used to display only categories.

Best Regards,
- Victor

Hi, on mobile when using the filtering button and the sorting widget I couldn’t get the two inline, they are always at different height regardless of what containers you put them in the Elementor builder. Please help.

Screenshot for reference: https://prnt.sc/-5SOx1lwMdxO

Hi brr4bz

Please use browser inspecting tools in order to check if any of those elements have a padding or margin and remove it with custom CSS. You can place your custom CSS in the Filters > Settings > Experimental > Custom CSS.

Also, you can line up your items in the way you need with the custom CSS.

Best Regards,
- Victor

Can the Extended License be used on a customer’s website?

Hi WeiLaiKuai

Yes, the extended version is the same as the regular one. The difference in the license is in short, when you want to include our plugin in some of your let’s say, theme and sell it all together to another person, you would need an extended license.

Best Regards,
- Victor

Hello, Filter Everything team. I would like to ask if this plugin supports the Bricks Builder editor.

Hi WeiLaiKuai

Thank you for your interest in the Filter Everything plugin.

Yes, it is working with the Bricks Builder.

Best Regards,
- Victor

Hello hope you are well. Everything went well until now but I just noticed my filters are no longer displaying product attributes in the right order.

I’ve put in all my filter the sort by menu order <123> and i’ve taken the time to update my menu as i wanted my attributed to be displayed

It worked well but i don’t know why, since few days it’s not working anymore. I’ve tried to update a filter but it’s still not working as i want.

Do you know something about that ?

You can see an example of this wrong order in this page filters : https://mybestsim.com/comparaison-meilleure-carte-esim-france/

Etienne

Hi Victor, Yeahh i just saw that in my mailbox ! I will udpate the plugin version and see if it works. I’m going to give you a feedback

It’s a good work, everything is working well again ! Than’s Victor for you good and fast support and you can also congrats your dev team

We are glad to hear that everything is working well.

Best Regards,
- Victor

Hello,

I am trying to figure out how to unify my woocommerce search bar with the search bar in your plugin. Currently, if I use the regular search on my website, it takes me to the product page and the URL looks like this: https://dev.spacesmockups.com/?s=bar&post_type=product. The search works correctly, and shows the right products.

On that page, I have your Filter Everything PRO plugin installed, and I activated your search box. You search box doesn’t show the query that I just issued using woocommerce’s search, presumably because the URL parameter is different. I know that because when I then search for something using your search box, I see it appended under another parameter in the URL, like this: https://dev.spacesmockups.com/?srch=bar&s=bar&post_type=product.

So my question is, how can I unify the two search products? It’s a bad experience for me to: 1) Not show the current search query when you get to the search results page, 2) Not have a way to reset filters for the woocommerce search query. I’d be happy to somehow put your search box all over my site. Or else, I’d like to see my woocommerce search queries show up in your search box and count as a filter that can be reset by your product. Please let me know what my options are.

Thank you very much.

Best, Tim

Hi Tim

Thank you for choosing Filter Everything PRO.

This is impossible and makes no sense. Because our search plugin searches on a specific page, rather than redirecting you to a search template. Thus, even if you connect it, it will duplicate two search queries. What you can do is use a filter set without a search filter on the search template and place the widget area with the default search you use on your site, this way you will have a search bar and you will have text in there that you entered.

Best Regards,
- Victor

Thank you Victor, makes sense. I will try that out. Thank you!

Is it possible to have the filters collapsed even on desktop?

Hi aaronbiby

Yes, please check the breakpoint code on this page – https://filtereverything.pro/resources/mobile-devices-new-approach/

You can place it in the functions.php file or any code snippet plugin including mu-plugins as well.

Best Regards,
- Victor

It appears that SEO filter pages do not include the rel=”next” declaration in the <head> section when a page has pagination, for example: <link rel=”next” href=”https://domain.com/category/name-category/page/2/”>

Do you plan to add this?

Hi Victor,

Three months have passed since the response from the development team. Could you provide an update on when the feature I asked about will be released? Is there any estimated timeline for its implementation?

Best regards, Sławek

Hi Sławek

Unfortunately, the development team hasn’t shared any new details with us yet. All we know so far is that it is the development, but they haven’t given us a specific timeline or dates for it.

As the support team, we wish we had more information to share with you, but we’re in the same position as you with the available information. We’ll keep you updated if they share more information with us.

Best Regards,
- Victor

Hi Sławek

The development team completed a general investigation into current SEO standards. In 2019, Google announced that it no longer uses rel=”next” and rel=”prev” for indexing, as its algorithms are now capable of handling pagination without these indicators.

Considering the advancements in AI and the evolving direction of SEO, this approach has become outdated. Modern search engines now prioritize high-quality content and user experience over older, technical SEO tactics. Taking this into account, implementing this functionality no longer adds value and could potentially be counterproductive.

Best Regards,
Victor

Hi there I have installed Filter Everything Pro and am working to filter posts using an Elementor Loop item. After some trial and error, I have the filters showing up, however, the checkboxes are not reliably working and will “uncheck” themselves.

My apologies, Victor. Thank you for your patience. I have given you full access. I will wait for your update on Monday

Hi lmeyertourmate

We have checked the site and the problem is not with the plugin or Elementor compatibility. You have some kind of extreme caching on your site that caches the page and displays it regardless of whether we set filters on another page or not, it will be displayed exactly as it was cached. And this is causing the issue.

For example, the filter set was placed on the “The Tour-Mate Solution Finder” page, and we switched the page to the “test page” the page right above. As a result the “The Tour-Mate Solution Finder” page still displays this – https://prnt.sc/xvSnrjEB1RdV and the test page displays nothing even if there were a filter shortcode.

Please check all of the caching on your server/site in order to resolve this issue.

Best Regards,
- Victor

Thank you Victor. I will check on the staging server setup!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey