Preloader Animation Once

Design help Animations & Interactions
1

I am trying to make the preloader only happen once, not everytime you return to home page. I tried copying the home page just redirect the back buttons but that messed with the read mode button so that didn’t work either. And I watched this https://youtu.be/mFbk1O_8Nio but he did not explain how to even get to where you change the code on your Webflow site…
I got the preloader from https://preview.webflow.com/preview/damons-supercool-project?utm_medium=preview_link&utm_source=dashboard&utm_content=damons-supercool-project&preview=bf2406f222db2e7cf14da631d7f8c9bc&workflow=preview
develped by SketchzLab

Here is my public share link: https://preview.webflow.com/preview/damon-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=damon-portfolio&preview=0dc6ada5842c3e5d85c4b770157c276f&workflow=preview
(how to access public share link)

2

Hey @djgoss !

You can find the custom code used to manage the cookies in the page settings (Page 10) of his site at the bottom in “Inside /head tag” like he shows in the video.

image
image1920×1080 429 KB

3

Thanks @DasSean, I copy and pasted in that same spot on my Home page but it still didn’t work, any clues?

4

You are welcome!

Yeah so basically in the code it needs to reference YOUR wrappers.

  • Page Wrapper (Which you don’t have right now (you can wrap your whole website except the loading screen in “page wrapper”) and you don’t have to change the code for this if you name it “page wrapper”)
  • Loading Wrapper (c-preloader) = (hack10-loading-wrapper) so change that reference (it is highlighted in the photo below :slight_smile:

image
image1920×1080 264 KB

I hope this you get moving in the right direction. The code references direct divs so you need to change them to fit to your website.

Always,

Sean

5

Ill try it, thanks so much @DasSean

1 Like