JetEngine Update Listing Grid on Variation change

update-listing-on-variation-change.html

<script>
    jQuery( document ).on( 'show_variation', function( event, variation ) {
    
        let wc_variation_id = variation.variation_id;
            $ = jQuery;
        
        if ( ! wc_variation_id ) {
            return;
        }
        
        
        let $variation_lists = $( '.variation-listing-grid.elementor-widget-jet-listing-grid' ),
            $variation_list  = $( $variation_lists[0] );
        
        if ( ! $variation_list.length ) {
            return;
        }
    
        let nav = $variation_list.find('.jet-listing-grid__items').data( 'nav' ),
            query = nav.query,
            args = {
                handler:'get_listing',
                container:$variation_list.find('.elementor-widget-container'),
                masonry:false,
                slider:false,
                append:false,
                query: query,
                widgetSettings: nav.widget_settings,
                postID: wc_variation_id
            };
    
        window.JetEngine.ajaxGetListing(args, function(response){
            let $container = $( $variation_list[0] ).children('.elementor-widget-container');
            $result = $( response.data.html );
            $container.html( $result );
            window.JetEngine.widgetListingGrid( $variation_list );
            window.JetEngine.initElementsHandlers( $container );
         });
        
    } );
</script>