Elementor Taxonomy filter with Variation Swatches for WooCommerce

Hi Jonathan,

Thanks for reaching out to us. We need an Ajax trigger that will fire after new products are loaded.

As the Berocket plugin shared this- berocket_ajax_products_loaded

So, please contact your filter plugin author and ask for a trigger that fires after the new product loads.

Then use it like this inside your current child theme’s functions.php file-

add_action( 'wp_footer', function(){
?>
<script id="wvs-ajax-compatibility" type="text/javascript">
jQuery(document).on('berocket_ajax_products_loaded', function () {
jQuery(document).trigger('woo_variation_swatches_pro_init');
});
}
</script>
<?php
}, 99 );

Just replace the berocket_ajax_products_loaded with the provided Ajax trigger.

Thank You

Hi Jonathan,

I am not sure to understand but I am not using the Berocket plugin to filter but the inside widget of Elementor Pro called Taxonomy Filter.

I didn’t say you are using the “Berocket” plugin. I just gave an example of the trigger they have provided.

Please contact your filter plugin author and ask for a trigger that fires after the new product loads. You can give them the above trigger example for better understanding.

Thank You