Swatches not updating in Flatsome when loaded via infinite-scroll

Hi!

Thanks for a great plugin!

However, it seems like your plugin has been broken in Flatsome for a while. The plugin works fine until new products are loaded via the infinite-scroll script.
Thankfully I managed to fix my own (pretty hacky) workaround, but I thought it would be better if you could update your plugin instead 😅.

I’ll guide you through what I’ve found:
Your plugin is listening specifically for the infinite-scroll plugin to trigger the append.infiniteScroll jQuery trigger. This part seems to work fine and the swatches should theoretically work from there. However, one of the very next things that happens within the infinite-scroll plugin is this:

// Fix Safari bug
jQuery(items).find('img').each(function (index, img) {
    img.outerHTML=img.outerHTML
})

And this unfortunately seems to break your swatches plugin 🥲

So to fix this, I’m manually listening for a script that the infinite-scroll script triggers after the swatches have been loaded, like this:

// Reset the Woo variation swatches plugin to correct Flatsome bug

$(document).on('flatsome-infiniteScroll-append', (event, response, path, items) => {

    $(items).find('.wvs-pro-loaded').each((index, item) => {

        $(item).WooVariationSwatchesPro('destroy');

    });

});

// Reload the swatches

$(document).on('yith_wcwl_reload_fragments', () => {

    $(document).trigger('woo_variation_swatches_pro_init');

});