Prevent flash of original content (FOUC) on Shopline thank-you/order page...

salon_sue

I’m customizing the Shopline thank-you / order status page by replacing the default content with a custom “hero” section using JavaScript and CSS. The logic works correctly, but on page load there is a brief flash where the original Shopline content is visible , and then my custom content replaces it. This causes a noticeable visual glitch (FOUC). I want the page to stay hidden (or show a loader) until my custom hero content is fully injected ,...

Originally asked by bilalahmedcodes on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

You are creating the loader element with javascript, the element should be in the page markup (html) on load instead. And the css should also be accessible as soon as the page content loads.

Full answer by RaulSam: https://stackoverflow.stackexchange.com/a/79849407 (CC BY-SA 4.0).

Need it done for your business? UphillTech.