How to make the filter not closed?

Question

WordPress

In the online store, the filter is closed after each click (selection) on the product attribute. You need to be able to select multiple attributes. Of course, you can select several, but the filter closes every time. Tell me how to make the filter not close after each attribute selection? Website

Answer 1

Hello!
Everything leads to this file:

https://evro-brend.ru/wp-content/themes/woodmart/js/functions.min.js

This file has a function responsible for this sidebar - hideShopSidebar - all settings are stored there .. including closing the sidebar after a click
. This function is called in this place:

(woodmartThemeModule.ajaxFilters = function () {
            if (a("body").hasClass("woodmart-ajax-shop-on") && void 0 !== a.fn.pjax && !a("body").hasClass("single-product")) {
                var c = this,
                    d = !1;
                a(".products");
                a("body").on("click", ".post-type-archive-product .products-footer .woocommerce-pagination a", function (a) {
                    e(!0);
                }),
                    a(document).pjax(b.ajaxLinks, ".main-page-wrapper", { timeout: woodmart_settings.pjax_timeout, scrollTo: !1 }),
                    "click" == woodmart_settings.price_filter_action
                        ? a(document).on("click", ".widget_price_filter form .button", function () {
                              var b = a(".widget_price_filter form");
                              return a.pjax({ container: ".main-page-wrapper", timeout: woodmart_settings.pjax_timeout, url: b.attr("action"), data: b.serialize(), scrollTo: !1 }), !1;
                          })
                        : "submit" == woodmart_settings.price_filter_action &&
                          a(document).on("submit", ".widget_price_filter form", function (b) {
                              var c = a(".main-page-wrapper");
                              a.pjax.submit(b, c);
                          }),
                    a(document).on("pjax:error", function (a, b, c, d) {
                        console.log("pjax error " + c);
                    }),
                    a(document).on("pjax:start", function (b, c) {
                        a(".site-content").removeClass("ajax-loaded"), a(".site-content").addClass("ajax-loading"), woodmartThemeModule.hideShopSidebar();
                    }),
                    a(document).on("pjax:complete", function (b, d, f) {
                        c.shopPageInit(),
                            e(!1),
                            a(document).trigger("wood-images-loaded"),
                            a(".woodmart-sidebar-content").scroll(function () {
                                a(document).trigger("wood-images-loaded");
                            }),
                            a(".site-content").removeClass("ajax-loading");
                    }),
                    a(document).on("pjax:beforeReplace", function (b, c) {
                        a(".filters-area").hasClass("filters-opened") && "yes" == woodmart_settings.shop_filters_close && ((d = !0), a("body").addClass("body-filters-opened"));
                    }),
                    a(document).on("pjax:end", function (b, c, e) {
                        d && (a(".filters-area").css("display", "block"), woodmartThemeModule.openFilters(200), (d = !1)), a(".site-content").removeClass("ajax-loading"), a(".site-content").addClass("ajax-loaded");
                    });
                var e = function (b) {
                    if ("no" == woodmart_settings.ajax_scroll && 0 == b) return !1;
                    var c = a(woodmart_settings.ajax_scroll_class),
                        d = c.offset().top - woodmart_settings.ajax_scroll_offset;
                    a("html, body").stop().animate({ scrollTop: d }, 400);
                };
            }
        }),

More specifically, here:

a(document).on("pjax:start", function (b, c) {
                        a(".site-content").removeClass("ajax-loaded"), a(".site-content").addClass("ajax-loading"), woodmartThemeModule.hideShopSidebar();
                    }),

It might be worth trying like this:

a(document).on("pjax:start", function (b, c) {
                        a(".site-content").removeClass("ajax-loaded"), a(".site-content").addClass("ajax-loading");
                    }),

But this is not accurate ... you need to try

Answer 2

Hello!
First of all, you need to look at the capabilities of this filter. Maybe in the theme settings there is an opportunity to disable ajax search, since it is because of Ajax that the panel is apparently closed, since the corresponding filter is applied.
If this is not the case, then you can:
1) disable this functionality and use another plugin. I think that the plugin Woocommerce Product Filter by XforWooCommerce/ integrates well into your theme. It has ajax search, it also has the ability to disable "instant search".
2) dig into the functionality of your current theme and see where and what needs to be tweaked. Here, in a good way, you need to delve into the theme files. And that goes beyond helping out on the toaster. Usually, in such cases, it is recommended to turn to freelancing.
3) a crutch - on the onChange() trigger in the area of ​​this sidebar, hang the autoclick function on the "Show filters" button. That is, if the user clicks on something in the filter sidebar area, then clicking on this button will cause the sidebar to reopen.