Developer forum

You can use a mutation observer: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Something like this:

var observer = new MutationObserver(function(mutations, observer) {
    console.log(mutations, observer);
});

observer.observe(document.getElementById("RelatedProducts_4251"), {subtree: true,attributes: false});

BR Nicolai

Thanks Nicolai. I already had a solution in place, but that one is much more elegant.

Still, I believe it would be more straight forward if we could have a custom event that is fired when the slider is loaded, same way we had with Rapido, but this will work for the time being.

Thanks

Yeah.

Be aware that tinyslider which we use now on Swift will be replaced pretty soon (for new installations only 1.1 or 1.2). Tiny slider has a number of issues and is too slow and we are getting new and more modern options in css/html that we will use instead (using scroll-snap-align and similar). 

BR Nicolai

What code are you running when the slider loads if I may ask? Trying to understand to see if it could be something interesting for Swift.

Thanks, Nicolai

Not sure if you're asking which code I'm running to see if the slider has loaded or what code I'm running when the slider loads.

Before you showed me the MutationObserver, I simply had a setInterval checking whether the js-slider was null or not before running my code.

As for the code I'm running, I'm implementing live product info, so I need to know when the slider has loaded so that I can replace the prices with the ones coming from live integration.

Does that answer your question?

Yes - it does.

And also on our future to-do - loading prices from live async.

We need live product info for our project which will start in November. If it comes from Swift 1.1 then, great, we'll implement Swift's. Either way, we've developed our own version for now.