How to Disable Facet Auto-Refresh

FacetWP automatically refreshes whenever any interaction happens, but it’s possible to prevent this if needed.

1. Add the following code:

This code goes into your (child) theme’s functions.php or into a custom plugin.

function fwp_disable_auto_refresh() {
?>
<script>
(function($) {
    $(function() {
        if ('undefined' !== typeof FWP) {
            FWP.auto_refresh = false;
        }
    });
})(jQuery);
</script>
<?php
}
add_action( 'wp_head', 'fwp_disable_auto_refresh', 100 );

2. Add an “Apply” button to your page:

<button onclick="FWP.refresh()">Apply</button>

You can style the “Apply” button however you wish. The important part is that the FWP.refresh() method is triggered on click.