I think adding class to images and using that class in javascript might solve that nav bar issue. Because if we use elementor global classes in Javascript it will effect all the modules. Btw really great tutorial, i'll definitely give a try to this.
If you want all the images from a page to open in the same lightbox add an Attribute for each image, ex: "my-art" and then using Code Snippets or smth similar add in your footer the following script: document.querySelectorAll("a[data-elementor-open-lightbox='yes']").forEach(function(item) { item.setAttribute("data-elementor-lightbox-slideshow", "my-art"); })
Awesome job as usual! Just a small suggestion though: In the next tutorials, would you kindly improve the audio levels? Oftentimes, I can barely hear what you say as the volume is too low. Thanks Andrea 💜
Thank you!!!! 😊 hmmm, ok. I think I forget that I’m recording and my intonation is as if I’m talking to someone in the room with me. Could be that I need to speak clearer 😉 thanks for the suggestion!
Thank you! Yes but you need to adjust the images, maybe hide some of them on mobile to allow for the remaining to be a of a bigger size and so, more visible
Great tutorial as always. 👏🏽 I asked so many times but I’ll try again: why don’t you provide the templates for your viewers to download ao we can upload the finished work in Elementor? I mean since you already did the work it would be great for others, especially beginners, to simply upload the file, analyse the work and recreate it. 😊
Thank you ☺️ I know and I didn’t really have an answer all those times. I’m going to have the json files uploaded to my shop. Some will be free to download, some will have a price tag. 😁 hopefully the store will be up and running before Xmas
Hey Andrea, Thanks for video, its really good , just small question , if we want to implement this in some other section ? how can we do it, suppose its below hero section, so whenever user comes, the animation should start when user comes to that section,
loved it my only question is how can i add some text in the middle of the container? without using position absolute ? thanks in advance your video are actually interesting and bring new things to youtube regarding elementor rather then just another astra theme tutorial :)
Andrea - You really know your stuff so i have a very tricky question for you. Why do you use wordpress and Elementor over other page builders like webflow? Does'nt Elementor make the site slow and using these animations make it even slower?
Ok. I had this question coming, didn’t I 😅 well, this is going to sounds weird but it’s correlated to ethics and morals. I work with clients and I don’t want to pass the burden of price of the builder I use on to my clients. In the long run, webflow can get very very expensive. So could framer or other builders like that. I don’t want to build websites that can’t be maintained because of the burdening price tag. I want clients to be happy and my websites to be living on the internet for a very long time to come. Also, WP as a CMS is open source and free to use, the other builders are closed source and limited. I’m looking into other builders other than elementor to use in the future like bricks or breakdance which are both better performing and quite web dev friendly. I will definitely continue building on top of WP 😉 I hope this helps answer your question!
@@andreaegli I completely 100% agree with you. Webflow pricing plans are a complete ripoff especially things like limited form submission, transaction fees (input bad word here).. Could I then ask, do you have any best practices when using elementor and JS lib like GSAP? Like how would you optimise the website?
It works on mobile too. Either as is, although images will be a bit crammed, not really ideal but you can use media queries to make it so that images size down on mobile
I think adding class to images and using that class in javascript might solve that nav bar issue. Because if we use elementor global classes in Javascript it will effect all the modules. Btw really great tutorial, i'll definitely give a try to this.
hmm, maybe...I will definitely give that a try! Thank you so much!🤩
YOU SOLVED IT! it worked!!!
Can you explain how it's done ? How to fix it ? This is really great tutorial
@@davidmuller3768 check the description of the video, I've added an edit to the top
Your channel is a gem mine. Just discovered your channel yesterday, and I think you are the Elementor Queen 🔥
Thank you so much😁
sleek as always, amazing channel!
Much appreciated, Lucas!🤩
I love you more than gsap, you're amazing! keep up the good work
🤣 this really made me laugh, thank you! Will do!!! Lemme know if you have any video request.
you always makes cool videos about web design. !!
I do my very best, Sharmin🤓
WaOw !!! Really awesome 🥳🤩 ! I love it 💖💫💯
hehehe, I'm glad you love it 🥳🤩
If you want all the images from a page to open in the same lightbox add an Attribute for each image, ex: "my-art" and then using Code Snippets or smth similar add in your footer the following script:
document.querySelectorAll("a[data-elementor-open-lightbox='yes']").forEach(function(item) { item.setAttribute("data-elementor-lightbox-slideshow", "my-art");
})
Thanks ❤️
your tutorial is just awesome 😎
You are very welcome and thank you very much 😃
Now I recognize you!
hahahahaha, am I back in your good graces?😂
Loving it!
Thank you 😊
Awesome job as usual! Just a small suggestion though:
In the next tutorials, would you kindly improve the audio levels? Oftentimes, I can barely hear what you say as the volume is too low.
Thanks Andrea 💜
Thank you!!!! 😊 hmmm, ok. I think I forget that I’m recording and my intonation is as if I’m talking to someone in the room with me. Could be that I need to speak clearer 😉 thanks for the suggestion!
Great tutorial! this works on mobile too?
Thank you! Yes but you need to adjust the images, maybe hide some of them on mobile to allow for the remaining to be a of a bigger size and so, more visible
Luv this! Curious do u sell your amazing creations? 🎉
Thank you 😊 I will, probably starting in December. Everyone who’s subbed to the newsletter will find out in due time 🥳 …and get a discount 🤑
Amazing as always
Thank you!🤓
ammm aren't you that same lady who makes Divi Tutorials as well?
nope but could you share her channel with me? I'm curious if we look alike that much :)))
Great tutorial as always. 👏🏽 I asked so many times but I’ll try again: why don’t you provide the templates for your viewers to download ao we can upload the finished work in Elementor?
I mean since you already did the work it would be great for others, especially beginners, to simply upload the file, analyse the work and recreate it. 😊
Thank you ☺️ I know and I didn’t really have an answer all those times. I’m going to have the json files uploaded to my shop. Some will be free to download, some will have a price tag. 😁 hopefully the store will be up and running before Xmas
Very good tutorial, but it’s not responsive for mobile.
Any idea?
Thank you! Yes, you can do it with CSS media queries
Hey Andrea,
Thanks for video, its really good , just small question ,
if we want to implement this in some other section ? how can we do it, suppose its below hero section, so whenever user comes, the animation should start when user comes to that section,
You're welcome! You need to write code for onscroll trigger😉
@@andreaegli Thanks for reply 😃Yea figured out using ChatGPT.
@@tiwariyadnesh can you please share the code
@@andreaegli can you provide the code please. m stuck
@Maximus-AI did you found the code bro?
Wow❤
loved it my only question is how can i add some text in the middle of the container? without using position absolute ? thanks in advance your video are actually interesting and bring new things to youtube regarding elementor rather then just another astra theme tutorial :)
Thank you so much! I will update the notion file later with text in the middle, make sure to check it out and let me know if it worked for you ;)
Hi! Did you ever update the file with the text? I look forward to seeing it. Keep up the incredible work, so glad I found you! x@@andreaegli
you are incredibly amazing!! where are you from? your accent is weird but understandable.
can you add this to the shop too? :)
great video thanks mam
Andrea - You really know your stuff so i have a very tricky question for you. Why do you use wordpress and Elementor over other page builders like webflow? Does'nt Elementor make the site slow and using these animations make it even slower?
Ok. I had this question coming, didn’t I 😅 well, this is going to sounds weird but it’s correlated to ethics and morals. I work with clients and I don’t want to pass the burden of price of the builder I use on to my clients. In the long run, webflow can get very very expensive. So could framer or other builders like that. I don’t want to build websites that can’t be maintained because of the burdening price tag. I want clients to be happy and my websites to be living on the internet for a very long time to come. Also, WP as a CMS is open source and free to use, the other builders are closed source and limited. I’m looking into other builders other than elementor to use in the future like bricks or breakdance which are both better performing and quite web dev friendly. I will definitely continue building on top of WP 😉 I hope this helps answer your question!
@@andreaegli I completely 100% agree with you. Webflow pricing plans are a complete ripoff especially things like limited form submission, transaction fees (input bad word here)..
Could I then ask, do you have any best practices when using elementor and JS lib like GSAP? Like how would you optimise the website?
How about Mobile?
It works on mobile too. Either as is, although images will be a bit crammed, not really ideal but you can use media queries to make it so that images size down on mobile
@@andreaegli Cheers, Thanks 🙏