▼
Streaming live at 10am (PST)

Cloneable site, want to make additions to already set interactions

#1

Hi there!

Im working on a new site, and I found this cloneable page https://webflow.com/website/Sketch-App I am planning on using this section (see screenshot) in my website (see screenshot)

58%20AM
Screen Shot 2018-06-27 at 11.18.58 AM.jpg3138x1454 179 KB

04%20AM
Screen Shot 2018-06-27 at 11.19.04 AM.jpg2728x1116 179 KB

I want to add a third layer to the animation, but I cant figure out how to do this.

Im not even sure where this interaction lives, because it looks like these layers dont have any interactions set on them?

Could you help me please? heres a read only link for my site

https://preview.webflow.com/preview/appcues-042c3fa4a8ea0ab9197cdd376a405ca?preview=dadf93bfb7e096416aed5b17a4d1e9ed

I would like the third later to go underneath the white later, thank you!

Here is my public share link: LINK
(how to access public share link)

#2

Hi, @Tanya_Higgins! :wave:

You’re right! When you open it up and look at the structure on the right hand side you don’t see any of the interaction icons:

11
Screenshot 2018-06-27 12.35.11.png1275x880 87.7 KB

However, it doesn’t look like this was made with IX 2.0. If you click on Legacy Interactions in the interactions panel:

legacy%20interactions
legacy interactions.png1277x878 75 KB

You’ll see there are a LOT of interactions here to work with!

Webflow_-_Appcues_Rebrand_2018-2
Webflow_-_Appcues_Rebrand_2018-2.png1274x878 97.4 KB

#3

Thank you so much!!!

#4

De nada! Glad to help!

#5

@rileyrichter

Hi! I am so thankful for your help with this yesterday.

I have been working on the animation and I absolutely love it. Im having one problem.

The animation is triggered on scroll, if I open it up with that section already scrolled to it looks PERFECT (the animation is flawless) (see screen recording here)

https://www.dropbox.com/s/axjfymjyoml43wz/IntendedBehavior.mov?dl=0

But if I preview the animation when im scrolled up and actually scroll down to it, the back layer glitches (see video)

https://www.dropbox.com/s/j4ykcuoo7sgx66c/glitch.mov?dl=0

Could you please help me figure out how this is happening?

Here is the link: http://appcues-042c3fa4a8ea0ab9197cdd376a405ca.webflow.io/

Here is the read only link: https://preview.webflow.com/preview/appcues-042c3fa4a8ea0ab9197cdd376a405ca?preview=dadf93bfb7e096416aed5b17a4d1e9ed

#6

Hi, @Tanya_Higgins! Crazy day for me with a lot of driving, but I’ll be able to look at it and provide some help this evening, or tomorrow morning. Hope that’s not too late!

#7

That is absolutely perfect thank you so much! Showing to my team tomorrow afternoon so that works well, thank you again I really appreciate it :slight_smile:

#8

De nada! :grinning: Glad to help!

#9

Hi, @Tanya_Higgins! I think I have a fix here. This is a video I made. Sorry, it’s a little noisy. I wasn’t in my office I was hanging out in my living room with the fam. Lol.

#10

Thank you so much this was SUCH a great help! I ended up not showing my team friday as I got caught up with other deliverables but im going to make these edits today and play around with it a bit but im super excited thank you so much for your help!

#11

Glad I could help!! Hope the presentation to the team goes well! Site’s looking super dope!