How to Create Infinite Logo Carousel in Wix Studio
HTML-код
- Опубликовано: 3 окт 2024
- If you ever wondered how to achieve the stock feed animation but with logos for your own website here is the tutorial you have been looking for! Super easy step-by-step tutorial to achieve the animation on your @WixStudio website.
Links:
Testing Websstudio live stream: www.youtube.co...
WordPress vs Wix Studio: • Wix Studio vs WordPres...
Back to top button in Webflow tutorial: • Easy Back To Top Butto...
How to find clients as a freelancer: • How to Find Clients as...
Brand Style Guide Template: nikoletadesign...
Get 10% off the entire order from Lofi Girl merch with my affiliate link: lofigirlshop.com/angelovanikoletadesign
If you like these types of videos SUBSCRIBE for more😉 / @angelova.nikoleta.design
👋🏽 Say hi on Instagram / angelova.nikoleta.design
☕️ Support my journey with Buy Me a Coffee or become a member and enjoy rewards. More information here: www.buymeacoff...
#wixwebsite #wixstudio #logoanimation
Great stuff thanks!
Thank you! Glad you found it useful 😊
I love this video. I started using wix studio about 2 weeks ago and loving it. I just subbed hope to see more wix studio video
Thank you so much for the lovely feedback! ☺️ Will have more soon! I am also open for suggestions...I will make a post in the community tab for your suggestions.
This is the bets vid I've found on the subject! The audio is a bit difficult to understand though. Best walkthrough none the less.
Thanks for the feedback! Can you please clarify, "a bit difficult to understand the audio"? Subtitles also come in handy when comes to tutorials. 😊
@@angelova.nikoleta.design Sure thing, I believe the line out levels are a bit low resulting in having to turn up the volume on my headsets to hear clearly. Now that's not an issue in itself, however the volume needs to be turned up enough that compared to any other audio from any source say, a suprise notification chime, or an out of nowhere mid reel ad becomes deafening. Also not knowing when, or if it will happen can give one anxity. Those are my thoughts. Thanks!
@@Vertabraker101 I see, thank you so much for your input! I will definitely make sure to increase the audio levels before export for the next video. After all, I care about user experience 😅
Unfortunately, it's not working. This method only works while you're still on Wix Studio. Once you open it live on a full screen, it gets messed up. At least, this is what happened to me, I'm not sure if others are experiencing the same issue.
Thank you for the video anyway, your explanation and breakdown are great.
Hi, it may get a bit messed up after publishing but if the steps are followed should be working seamlessly. Try maybe cleaning some of your cookies before previewing the live website. Also, the margin might need adjusting. I just published this test website to check and everything seems to loop properly on my end: nikoletaangelovade.wixstudio.io/cosmetics-test-web
@@aitchaitch You are very welcome! ☺ Let me know if the tweaking helps.
Great video! But its not working for me. The 100% margin doesn't work. And when I try to manually space the stacks, it just doesn't work out.
Hi Claire! Thank you for the feedback. ☺Yes, this part with the stack margins was the trickiest not going to lie. It takes time to adjust the margin correctly. Whenever I encounter such issues I make sure I clear all my most recent cooking and relaunch my browser. Also, maybe try again to manually place the duplicated element at the edge, while you also make sure is connected to the right parent element.
Hello, thank you for sharing this. I'm having the same issues with the grouping. I'm holding down the shift key when i'm selecting the pictures and the grouping option pops up. I don't see the option to stack.
You are most welcome! I see, so it must be that you are still using Editor X or Wix Editor. Soon all Editor X websites will update to Wix Studio and the stack option will be available. My advice will be to either update your website (when the button becomes available) to Wix Studio or try to create the functionality on the Wix Studio website and then Save it as an asset and try to reuse it between your websites 🤔I will test out this option too to see if it is possible.
@@angelova.nikoleta.design Thank you, honestly I'm new at all this. Any help would be awesome!!!! Thanks again for sharing all your tips. They help all us people who don't know what we are doing. LOL
@@NicoleEtchegoyen-np8sc That's why I am here, to help when and how I can 😁 No worries, just keep an eye on the community tab, I will try to update you on the question sometime next week 😊
Great video...but...I'm sorry...I can't get Stack to show up as an option when press SHIFT while selecting multiple images on a page. What am I missing? Thank you!
Hi Todd! Thank you for your feedback. The only thing I can think of right now without seeing your website is the hierarchy of elements and to make sure that the images are in a section or container element (parent) when selecting them with SHIFT. Other than that, what do you get as options? Wix Studio gives Stack, Editor X gives Group Elements and Wix Editor just Group. Have you tried cleaning your browser cookies? Let me know if this helps.
This is so cool! Thank you for sharing! I'm definitely upgrading to studio down the road! (^.^)
You are welcome! Great news! 🥳🥳 Wix Studio is quite complex but also smooth when it comes to interactions. I think you will like it.
Does it also still works when you scale the screen? Because this is the problem that i have..
When I checked it live and in preview, yes it works. I am using a 27" DELL Monitor.
Such a great video. Thank you. Unfortunately, I have a vertical menu bar, so it doesn't really work for me :-(
Thank you! Hmm, have you thought of switching up the elements angles a bit? 🤔If you want include your website and I can see what we can do. It might be another great idea for a video ☺️
ive got 11 logos and i cant get them to repeat
Thanks for sharing! My carosels didn't get the same speed. It's so frustrating. :/ Wondering if adjust speed is the only solution?
Interesting problem to have. Are the objects in the two carousels significantly different in size (pixels and MBs)? 🤔 I would suggest clearing your cache, testing on another device, browser or even incognito.
how to do this with a slider gallery? means how we auto slide it?
Do you want to apply a similar animation effect for a slider gallery? If so there are built-in animation options, but I can definitely check what's new and make a quick tutorial.
Hi i am not able to see stack
It’s showing group elements
Under animation, I can’t see loop
Help
Hi, when selecting one of the elements you want to include in the stack press SHIFT as well when selecting every other you want to include in the stack. The Stack option will appear as a small contextual menu/pop-up. Then once you select the stack the Loop should be available in the animations. I will make a post in my community tab here so you can see it. Hope it helps. 😊
How do you add more than 10 different logos ?
Maybe create two rows, and make the logos smaller or with less distance in between. Another way is to spread the strip it in two places on your homepage.
it doesnt work ive tried this again and again
The animation itself? Where do you get stuck?