Greetings Webflow community! I am looking for a little help connecting the dots in utilizing cloneables.
Here is an example:
I would like to grab one of these page transitions. But when I copy and paste, the component in unlinked, immediately rendering the whole thing seemingly useless. The only info provided is that these transitions are “ready to use!”
I must be missing something?
So… Is the intent that I would try to reverse engineer this somehow? (which I am struggling to do)
Or is there some blind spot here, some simple step I’m missing where this should actually work?
I’ve tried several other Cloneables with similar results. Nothing seems to actually work with a simple cut and paste into a new project. I’m trying to educate myself here as to how one would go about utilizing these incredible resources as I teach myself Webflow.
Also, I have tried adding the script referenced, to no avail. The main issue seems to be that the component is unlinked and the setup is broken as soon as you paste the element over to a new project…?
This is what has me baffled - how would someone use this Cloneable?
Hello @MCBLA welcome to the forum! So doing page transitions is not as straight forward as copy pasting one component and it is done, you have to copy and paste elements, code, and interactions to make it work. So as you mentioned you have to copy and paste the component element, PT Wrapper, in both pages that you want to transition from and to. Then you have to copy paste the button that you want to use, that will copy the transition interaction. Also in the initial page you have to copy the custom code on the page settings. Then on your destination page you have to copy and paste the “back to home” button. Then you will have to rebuild the on page load interaction from the template. And finally copy and paste the custom code from the destination page. I hope this helps.
Thank you @Pablo_Cortes! Yes, that’s very helpful and makes perfect sense. I was worried that I might be doing it “the hard way” so this definitely clarifies I am on the right path in reverse engineering the setup. And thank you for spelling it out a bit here, very helpful.