Видео

Thank you very much for your tutorial! Helped me a lot to smooth out the element. I used it for a project-repeater, each element is 100vw and 100vh in size and the element contains a container with 40% width. it starts with a blank page (100vw padding) and ends with a blank page (also 100vw padding). The trigger is linked to the same database, so it has the same hight as the width of the repeater, and it has a padding of 100vw on top and bottom. But it still didn't work that good over all the breakpoints. I got one for large desktops (1920+), one for desktops (down to 1050), pad (down to 750) and mobile. On 1536 x 864 it works very well, on 1920 x 1080 it has a little too much space left and on 1440 x 900 it does'nt get out of screenview. (if I change some parameters it'll be a bit better, but in all it has a difficulty with resizing with the different proportions of the different screen sizes). When it comes to vertical layouts (tablet and mobile) it struggles even more. Do you have any suggestion what i could change to make it work? kind regards

amazing ! 👍😍, really needed this.

Thanks bestie! Your tutorial helped me achieve what I wanted on my website. I also had fun with your voiceover. NYAYAHHA Overall, 100/10! Please make more content LIKE THIS PRETTY PLEASE ..

Error. "Property "open" does not exist on type HamburgerOverlay" "Property "close" does not exist on type HamburgerOverlay" Having troubles figuring this out. Thanks for the tutorial! It's been fun. Just this one problem.

Am I correct that this only works with mouse scroll wheel scrolling though? Using page up/down keys or the browsers scroll bar completely bi passes all the other flex boxes or did I miss something in the tutorial?

Amazing work! I implemented it right away, and have a repeater of 30 items. The dataset is set to show max 100 items, and the slide repeater shows all 30. The navbar only has 23 dots. That's weird right? I hope you can help!🙏

great video man thank you i like the CSS training i know nothing about CSS you should do more on basic CSS in wix studio just today i was trying to figure out a way to use css to apply global settings to other elements using css instead of always copying and pasting or simple things like a no event on trigger basic stuff

Congrats on the engagement bro. And thanks for all the vids❤

Amazing video. Im having an issue with my items as they are 100vh but still getting cut off from the bottom.

Was looking to add a neat feature to my about page, this was absolutely perfect! Thanks for the great tut! 💚

Brother this is great and actually much easy :) Thanks buddy for your efforts! lemme check it on my website, if i would face a issue i'll tell you :)

Thank you very much for this tutorial! (:

Is it possible to do this without Wix Studio? On the normal basic Wix Editor. Thanks !!!

great job, I'm already waiting for the next video

Love this effect! I've been trying to replicate it but for some reason the third box gets cut off when I publish it, do you know how to fix this?

im watching this video for second time in two days. still trying to fit first container into screen so it doesnt go down and its has 20px borders. but im not able to do it. it still scrolls. even i have 100vh - 50 and a moved that bugged css grid row line up. nothing works

love!

"Your Wix-Studio tutorials are top-notch! I've learned a ton from your videos. Could you please share the link to the templates? I'd love to explore them further. Keep up the amazing content!"

"Once again, blown away by your Wix Studio tutorials on 'Studio il'! Your teaching style makes it so easy to learn. Thanks for being such an awesome resource!"

"Hey I Love Editori! Your Wix Studio tutorials on 'Studio il' have been a game-changer for me. Thanks for sharing your expertise!"

This was incredibly helpful for an ongoing project. Can't thank you enough for sharing!

Brilliant!

very cool!!

Hey, appreciate your efforts. I'm struggling at the very beginning. Unable to add a container to an item in the repeater, for some reason. Can you please help me out with this? Or an alternative solution?

Congrats man! Wish you all the best. Thanks for the Wix Studio content. Hard to find in depth Wix content beyond the simple stuff.

Still struggling with this the set up went on a tangent as you change some of the settings. Surely Wix Studio has a simply way of creating this effect without needing all the settings. My biggest problem is getting the images to scroll across the page before they disappear. Then you add content and it changes the settings. Could you possibly do a basic tutorial breaking each element down. I'm going to keep trying but this seems so difficult to work in the real world.

i have tried a lot to do such a scroll snap but it didn't worked :(, can you please make a updated version video with the process because the wix studio is changed now, it has been 2 years. please brother, i'll be so thankful to you.

Thanks. Your about the only person who has really explained VPH(W) so it makes more sense. I need to try this with my own designs and see how well I get on. Can't help but feel Wix Studio needs updating when it comes to Horizontal Scroll as it seems overly complicated for what you are trying to achieve. My third box dropped down and have no idea why. Also what's the easiest way to work on each element once its off screen I can't seem to understand how to manage the boxes with it being off screen. So difficult but this has helped a lot.

When you click on the menu again after exiting it, it doesn't display other items of the menu. Can you please help with this?

Bonjour, J'essai de créé mon site via wix. Néanmoins j'ai un problème. Je n'ai pas accès a la barre de droite "section" "item" ... et j'ai l'impression que je suis seulement sur l'editor wix et pas sur l'editor studio wix . Pourriez vous m'aider ? Cordialement.

This was incredibly helpful, searched everywhere for a video like this, appreciate it. One Doubt. if you (or anybody here) could help, that'd be great: I followed your instructions to the T, but the box is not fitting on my desktop screen, (the height is too much), and I did some messing around (I have no idea what I'm doing) and now it fits, but I had to remove/change a lot of the calc. height, min-height etc. so now it fits well on a large monitor, spacing gets a little more awkward on a smaller laptop screen but it's manageable. TLDR: The slide was too big for the screen, how can I ensure the first box is seen in full on screens perfectly? Thanks a lot

I have a problem that is really frustrating me right now. Were selling products from different producers and therefore every product page needs to be different (lets call the products "product A" and "product B"). Each product should have different texts, pictures and layouts. But when I add a text or add a Section to the normal product page (which I reach via the menu on the side), it gets shown at both product A and product B. But that's not what I need because both of these product are made from different producers and therefore their layout needs to be different. When people are clicking on Product A, i want to have different sections and pictures and more (under the product page itself) than on Product B. The Product Pages themselves can have the similar design, but whats under the product page should be different for each product. Is there a possibility to just enable this kind of individuality for each product? i am using wix editor

Hey, no matter which animation I use on Wix Studio, the animation is very choppy on the smartphone (iPhone 14 Pro)... Is there a trick to this, or should I keep animations to a minimum on mobile? And thanks for the great tutorials, you've been a huge help!

I have a problem that is really frustrating me right now. Were selling products from different producers and therefore every product page needs to be different (lets call the products "product A" and "product B"). Each product should have different texts, pictures and layouts. But when I add a text or add a Section to the normal product page (which I reach via the menu on the side), it gets shown at both product A and product B. But thats not what I need because both of these product are made from different producers and therefore their layout needs to be different. When people are clicking on Product A, i want to have different sections and pictures and more (under the product page itself) than on Product B. The Product Pages themselves can have the similar design, but whats under the product page should be different for each product. Is there a possibility to just enable this kind of individuality for each product?

Dude congratulation 😍

I can't thank you enough.

hey there, do you have a tutorial on how to do scroll animation ?

Wow congratulations on the engagement, wish you both all the happiness in the world, you deserve it 💖💖🎉🎉

Great i love it thank you very much! 😍

Great Tutorial! Works perfectly and easy to customize. Unfortunately the round corners of the containers do not work as if ill in a streched content. any tipps whats going on? Thx in advance! Edit: Workaround -> Content in 3. container must not be streched. also helped with weird blured container edges.

I try to found one method but for programming with code

super helpful, great work.

This is legitimately amazing. Instant sub!

Thanks for making such amazing content! I was wondering if you could point me in the right direction regarding solving a particular problem. I am trying to make a tutoring website for high school students. I was wondering if theres any way to limit the number of log-ins to a particular site on Wix Members app. For example, I don't want students to be sharing the password to access the content. Is there a way to keep the account locked to a certain IP address? or if someone logs in on once device, it will log out on other devices? or set a certain number of times a user can log in per month? Thanks! - Liam

Waiting for the Tutorial Sir... Love from India

great tutorial. I cant seem to add a hover animation to the container. only the individual shapes.

This thing is preventing my mobile site from loading properly (it sits in infinite loading loop) Edit - adding more than one slide breaks my mobile page loading

outstanding video. Thank you