Hi all, I have an issue with preloader. There is nothing special on this preloader only standard elements animations. My problem is that preloader is triggering on each breakpoint. I have tried while is loading and after is loaded with an identical problem. How to set preloader only once per visit (not a day) can someone help me out what I’m doing wrong? It’s there a way how to prevent this behaviour as I do not get why is triggering even when the website is already loaded?
EDIT: It’s really strange, I have nothing done and for now preloader is not triggering on each breakpoint and it behaves as it should be. I will keep this issue open just in case and see if it will happen again during the day.
hi @anthonysalamin I have read this article here on forum (trigger once a day) only briefly as I was just concern that loader should be triggered only once as standard behaviour and problem is somewhere else. I will definitely read this article again and set it up when need.
HI @zellet sorry for late response. I have rip off my approach from one of recent project and I left there only what you need and as bonus there is a cookies JS handler. Here is EXAMPLE you can study but there is no magic just custom animations
Hi @zellet Cookies are separate thing that has nothing with preload this mean preload is not attached to Cookies or Local Storage. Preload is handled ONLY with WF Animation (on Page Load)
HI @zellet Im just checking on this example as I can’t actually remember what I have done but I’m convinced that is ONLY how preload is set and triggered. I will create another example from scratch just to be sure that all will work as in example I have posted. It should take me about 30min or so.
thanks for doing that! yeah i see its very simple, im double-checking mine and dont understand why it’s restarting at every breakpoin, would you mine taking a look? READ ONLY LIVE SITE
Hi @zellet of course but I will take a look on your project tomorrow as I’m in middle of something I would like to sort tonight. I will let you know If I will find where is the problem.
HI @zellet I have narrow down what element(s) is causing trigger on each breakpoint. You have to take focus on top row and content of columns (IMHO you should use Flex or Grid instead). Anyway, when you remove content of columns re-triggering stops. As you have on page some JS I can’t change (WF rules) you have to figure out exact problem. At least you know where to start to point exact cause.
NOTE: ONLY hiding content of Columns doesn’t work you have to delete these. So you can go one by one to pinpoint the problematic element(s)
In case anyone else runs into this issue, I think I solved it. I had two separate triggers on one element, one for desktop, and one for mobile. I did this because I had different hover states and interactions originally, but I ended up simplifying it and consolidating it to one interaction. For whatever reason, this was triggering the loader at each breakpoint.
I had the same issue. I think load event triggers on each breakpoint if there’s any other trigger on the page that depends on breakpoint (e.g. only for desktop, only for mobile, etc.).
I solved the issue by writing a page load trigger with custom code instead of Interactions panel.