Thank you for actually giving & explaining the code rather than just giving plugins. Out of curiosity, since it has been over a year since you posted this, is there a coding or elementor method that allows you to securely...even in inspector... hide content without a third party (membership) plugin?
This works perfectly!!! I couldn't get a similar piece of code to work so used the conditional logic for elementor plugin but that doesn't always work so I have to clear the cache every now and then to get it to work but this works, awesome! Cheers mate, one less plugin to use.
Dude you're amazing rockin it!! I don't like using plugins if I don't need to, I found out its the lazy way that will cost time and headaches in the long run.
It’s possible. The code would need to be adjusted. Try ChatGPT and asking to update the code for this. It’ll take a so,e trial and error but it’s a good place to start.
hi jeffrey! tysm for the video, i just had a question. in the beginning i don't have the hello elementor child theme nor any child theme, could you tell me how can i obtain that type of theme?
@@LytboxStudio I have other problems. I’m trying to use Ultimate Member registration forms in popups created with Elementor but popups were blank. The UM shortcode form in Elementor Popup not working right. They seem to have a tutorial website, but I don't understand where the java code is placed, can you help me? Thanks. ( TH-cam can’t have the link)
Awesome tutorial. Works well in Chrome but not Safari. Safari does not work with the "display:none" on elements as far as I can tell. I tried setting the opacity to zero, but that doesn't work either. Anyone know a workaround for Safari?
I need a step further ... is it possible to conditionally LOAD content? Not just show or hide, but actually include or exclude a complete "Elementor Container" conditionally? I do not want certain things included in the html markup at all ...
How should we proceed to add the PHP code using Code Snippet Plugin ? I don't use a child theme on my website, and it doesn(t work when using code snippet, I might do someting wrong.
Aaah, I get it now. I was wondering why I don't see the option on the project I'm currently working on. I'mma use your approach. Thank you good sir for your great videos. I'm learning something useful with each one of them.
Conditional content in elementor is almost a necessity. I use memberpress to accomplish this. But hey, if Elementor incorporated it into their pro version of their software, it would make it much more valuable.
Thanks Jeff. Great video!. Yes, would love to see conditions on page per element - based on classes, data, custom variables, logged in status etc. I imagine they're working on it...
I have a feeling conditions are in the works for Elementor. I’m seeing some of the other new builders adding these and Elementor has been paying attention to what we’ve been all asking for and what’s working for the new builders. It is much needed
Good points and I did mention in the video if there’s sensitive content/data and needs extra security then it’s better to use a membership or hide content type of plugin.
This works. But it is making the item disappear even in the Elementor area. Problematic for new users who may forget how to find the item, especially when only using just one status, either hide-logged-in or hide-logged-out, which really makes the item difficult to find - impossible to click on to edit and only find-able in the navigator dialogue. It would be awesome if it could still show in the Elementor edit area - maybe not hidden for logged in/out users with edit privileges.
Simple solution to ensure your content is always visible in the Elementor Editor is to adjust the CSS as follows .logged-in-condition .hide-logged-in, .logged-out-condition .hide-logged-out { display: none!important; } .elementor-editor-active.logged-in-condition .hide-logged-in, .elementor-editor-active.logged-out-condition .hide-logged-out { display: block!important; }
Frist of all I would like to thank you Jeffrey so much for your efforts and useful tutorials I used to see in this channel Would you please check what i try to do to make the container that we want to hide more secure and safe I made an inverse for every thing , the container will be normally hide so i add in its custom CSS : selector{ display:none; } then I changed and inverse the CSS classes to be show-logged-in / show-logged-out ( by this way we make sure that the container is normally invisible and if we put this CSS classes it will show according the logged in and out and also changed the Theme Custom CSS code to be inverse , and make the code to be display: inline for that requested input /* Logged in & out conditions */ .logged-in-condition .show-logged-in { display: inline !important; } .logged-out-condition .show-logged-out { display: inline !important; } Please check is this safe and i can use and don't worry about data I want to hide like prices and promotions or still have the same problem thank you so much
You’ll need to add a custom user role for someone purchasing a product. And then adjust the code. I use StudioCart and this gives the ability to add a user role to someone that purchase a specific product. There should be a way to do the same with Woo. Look for assigning a user role when purchasing a product in WooCommerce
Here is an idea. Can u teach how to use GSAP in Elementor? Maybe some content teaching landingpage animations would be great and there isn't much content about it It's just an idea if you are expertise in this matter.
@@LytboxStudio Good 😎I look forward to a video series of configuration tutorials applying GSAP with Elementor. I've seen some videos (but not with Elementor or in Wordpress) showing some examples of amazing websites. I've already searched for those keywords on youtube and even outside youtube and there is almost no one talking about it, teaching, showing examples, setting up beautifull loading the landing pages, the transitions, animations, etc. I think that if you are a specialist in the field you could distinguish yourself in the area and it would be an excellent content. 😀
True, conditions have taken a while to reach Elementor. They started adding them but will take time to reach a level where we don't need code snippets for more complex conditions
The problem with this approach is that it can easily be reversed using dev tools. For something that needs to be completely blocked, another approach may be necessary.
Man really where you was for so long, your content is gold.
Thanks for the tutorial,
Can you tell me which widget you recommend for the website registration process?
Thanks for this, very simple and elegant solution
Thanks!
Thank you for the tutorial! Amazing! :)
Thank you for actually giving & explaining the code rather than just giving plugins. Out of curiosity, since it has been over a year since you posted this, is there a coding or elementor method that allows you to securely...even in inspector... hide content without a third party (membership) plugin?
Thanks! Since this video Elementor has added the Conditions feature but it’s in beta. I’ll be testing it more soon and sharing videos on it.
Really helpful man. Thanks a lot
Very Appreciated! Thank you Jeffrey. Its helps me a lot.
Thank you for doing this instead of most people showing how to use a plugin!
Was searching all over for a simple solution! Thank you!
So good hear!
Such a good tutorial man, thank you :)
Worked like a charm. Thanks!
Cool 😎
Great content! Have you ever thought of creating a light/dark mode website? I would like to see that part done/covered by you.
Thanks and for sure! I’ve had that on my idea board. It’s something I’ve been wanting to explore.
@@LytboxStudio Hey Jeff, Alan Blair here. I already have a solution for alternate theme styles in Elementor. reach out if you want to use that.
This works perfectly!!!
I couldn't get a similar piece of code to work so used the conditional logic for elementor plugin but that doesn't always work so I have to clear the cache every now and then to get it to work but this works, awesome!
Cheers mate, one less plugin to use.
That’s great! I love reducing plugins! Cheers
thank you so much man. You saved me so much work
That’s so good to hear! Thanks
Great tutorial, I use it to show and hide elements from the cart page if the cart had or not items on it👌🏼🙋🏼♂.
This helped me, Thank you sir
That's awesome! Thanks
Dude you're amazing rockin it!! I don't like using plugins if I don't need to, I found out its the lazy way that will cost time and headaches in the long run.
Fantastic video - just what I’ve been looking for
That’s great to hear!
dude, you are amazing thx 🤝🏻🗿
Thanks! 🙏
Thanks for this, it works on Elementor product grid widget. is there a way to use this code to hide just the price and add to cart for logout users?
It’s possible. The code would need to be adjusted. Try ChatGPT and asking to update the code for this. It’ll take a so,e trial and error but it’s a good place to start.
Thanks, a lot! Works fine.
Super! thanks for the help!
THANK YOU SO MUCH! helped me big time!
Nice tut, thanks for sharing. Is something like this possible with various user roles?
Great question and yes, this is possible. You can add multiple classes to the body based on user roles
@@LytboxStudio Hi Jeff, Thank you for the fantastic video tutorial! How can I filter user roles same as Blue Sky mentioned?
Great great great content pure gold 🤩 tks a lot
Worked perfectly! Thank you so much :)
hi jeffrey! tysm for the video, i just had a question. in the beginning i don't have the hello elementor child theme nor any child theme, could you tell me how can i obtain that type of theme?
Great content
Thanks you!
Brilliant. This as just what I needed - thank you.
I must to tell you that you are my god. You help me a lot.
Haha I’m glad I can help 😅
@@LytboxStudio I have other problems. I’m trying to use Ultimate Member registration forms in popups created with Elementor but popups were blank. The UM shortcode form in Elementor Popup not working right. They seem to have a tutorial website, but I don't understand where the java code is placed, can you help me? Thanks. ( TH-cam can’t have the link)
Thanks!
Can I do this for a whole page?
Great content. Just subscribed 😄
Thanks!🙏❤️
THANK YOU!!!!
Thank you helpful. Had no choice + 1 sub
Awesome tutorial. Works well in Chrome but not Safari. Safari does not work with the "display:none" on elements as far as I can tell. I tried setting the opacity to zero, but that doesn't work either. Anyone know a workaround for Safari?
thanks
Thanks Bro
I need a step further ... is it possible to conditionally LOAD content? Not just show or hide, but actually include or exclude a complete "Elementor Container" conditionally? I do not want certain things included in the html markup at all ...
How should we proceed to add the PHP code using Code Snippet Plugin ? I don't use a child theme on my website, and it doesn(t work when using code snippet, I might do someting wrong.
correct me if I'm wrong, but there used to be an option in elementor for this.
Select an Element > Advanced > Dynamic Visibility?
Addons like Dynamic OOO added this function in the advance tab
Aaah, I get it now. I was wondering why I don't see the option on the project I'm currently working on.
I'mma use your approach.
Thank you good sir for your great videos.
I'm learning something useful with each one of them.
Conditional content in elementor is almost a necessity. I use memberpress to accomplish this. But hey, if Elementor incorporated it into their pro version of their software, it would make it much more valuable.
They finally did! I’ll need to make updated videos on Elementor conditions. It’s in the experiment features now.
@@LytboxStudio please do it as soon as possible, your content is gold! Thank you!
The old KISS method.. Love it. :)
I love keeping things simple and minimal!
do you have a video to do the same based on user role?
Whats your shortcut for change apps? Thx
Thanks Jeff. Great video!. Yes, would love to see conditions on page per element - based on classes, data, custom variables, logged in status etc. I imagine they're working on it...
I have a feeling conditions are in the works for Elementor. I’m seeing some of the other new builders adding these and Elementor has been paying attention to what we’ve been all asking for and what’s working for the new builders. It is much needed
nice
thank you
Thanks, that's I want
Merci
How is this for security? Would it not be easy to make the content show again if you are a nefarious user?
Good points and I did mention in the video if there’s sensitive content/data and needs extra security then it’s better to use a membership or hide content type of plugin.
Is it posible to do it using user role condition?
I tried to apple this to an elementor popup I created that would only show for logged in users. Unfortunately this didn't work.
This works. But it is making the item disappear even in the Elementor area. Problematic for new users who may forget how to find the item, especially when only using just one status, either hide-logged-in or hide-logged-out, which really makes the item difficult to find - impossible to click on to edit and only find-able in the navigator dialogue. It would be awesome if it could still show in the Elementor edit area - maybe not hidden for logged in/out users with edit privileges.
It definitely would be better and hopefully Elementor adds conditional options soon.
Simple solution to ensure your content is always visible in the Elementor Editor is to adjust the CSS as follows
.logged-in-condition .hide-logged-in,
.logged-out-condition .hide-logged-out {
display: none!important;
}
.elementor-editor-active.logged-in-condition .hide-logged-in,
.elementor-editor-active.logged-out-condition .hide-logged-out {
display: block!important;
}
Frist of all I would like to thank you Jeffrey so much for your efforts and useful tutorials I used to see in this channel
Would you please check what i try to do to make the container that we want to hide more secure and safe
I made an inverse for every thing , the container will be normally hide so i add in its custom CSS :
selector{
display:none;
}
then I changed and inverse the CSS classes to be show-logged-in / show-logged-out ( by this way we make sure that the container is normally invisible and if we put this CSS classes it will show according the logged in and out
and also changed the Theme Custom CSS code to be inverse , and make the code to be display: inline for that requested input
/* Logged in & out conditions */
.logged-in-condition .show-logged-in { display: inline !important; }
.logged-out-condition .show-logged-out { display: inline !important; }
Please check is this safe and i can use and don't worry about data I want to hide like prices and promotions or still have the same problem thank you so much
how can i apply codition for specific product purchased users?
You’ll need to add a custom user role for someone purchasing a product. And then adjust the code.
I use StudioCart and this gives the ability to add a user role to someone that purchase a specific product. There should be a way to do the same with Woo. Look for assigning a user role when purchasing a product in WooCommerce
Here is an idea. Can u teach how to use GSAP in Elementor? Maybe some content teaching landingpage animations would be great and there isn't much content about it
It's just an idea if you are expertise in this matter.
That's a really great idea and something I'v been considering. My agency site lytbox.co is built using GSAP - I'll keep this open for future videos
GSAP?
@@LytboxStudio Good 😎I look forward to a video series of configuration tutorials applying GSAP with Elementor. I've seen some videos (but not with Elementor or in Wordpress) showing some examples of amazing websites. I've already searched for those keywords on youtube and even outside youtube and there is almost no one talking about it, teaching, showing examples, setting up beautifull loading the landing pages, the transitions, animations, etc. I think that if you are a specialist in the field you could distinguish yourself in the area and it would be an excellent content.
😀
Not sure why elementor decided to make this so difficult. Divi has a condition for every module, row, section, etc.
True, conditions have taken a while to reach Elementor. They started adding them but will take time to reach a level where we don't need code snippets for more complex conditions
How is this possible in Divi? Is there a tutorial of it?
The problem with this approach is that it can easily be reversed using dev tools. For something that needs to be completely blocked, another approach may be necessary.