@@jcwebtech Yes it would be great if it could work with just Elementors built in Custom Loop Template and PopUps without having to use 2 third party plugins. I'd be interested if you found a solution.
@@jcwebtech It actually works with the Elementor Pro Loop Grid. I followed the same guide you gave. I had to customise the final look using CSS, but it works as your video shows. Thank you!
10 หลายเดือนก่อน +1
It can be done using both LOOP GRID and LOOP CAROUSEL in Elementor PRO. In the Content Type in MODAL POPUP block inside Loop template choose 'Content' and then using dynamic content choose ACF field (previously set it correctly). And that work super nice with showing different popups even in loop carousel feature.
THANK YOU THANK YOU THANK YOU! We've been trying to figure out how to list 75 contributing authors on a page with a bio that would pop up when clicked and didn't want to have to create 75 different pop ups. We did it using your method. Legend
thanks for tutorial! I've faced a problem, we have a listing grid of products a, b, c, d .... when you click on product b , c , d .... on listing grid, they all open a same modal for product a
Can we do this without jet engine plugin? I created a custom loop using Elementor pro. I tried a lot to show dynamic content in my popup mdal but data is not displayed in popup (another thing is I want dynamic data in elementor form)
Discords, Facebook groups, all the documentation there is. And yet I find this video, holy !@#$ been looking my !#@ off for this. Thanks a lot dude, wish I could do something in return.
Hi! I guess it is because I have JetEngine plugin installed. If you have ACF it may be different and if you are just pulling a blog posts there are no custom fields, just standard things like title, content, featured image or url
@@jcwebtech Your suggestions would be much appreciated. I have a custom-coded banner with titles and images. Each slide in the banner links to a specific product page on my WooCommerce site. When a user clicks on a slide, I want to display the corresponding product's information in a popup. I'm using the Elementor Pro plugin along with WooCommerce. How can I achieve this functionality?
You men the one to disable the other widgets? Not sure, maybe now they detect it automatically, what you used and what not. Not sure. I didnt use it in a while.
It works amazing for me, I'm just having a small issue, every time I open the popup my whole page moves slightly to the left, any idea why and how could I fix this
Hi, great tutorial im using ACF Pro but not working, i have a custom field description like you and another field with imagen ando not load that content, do you now why?
Hi, are you using Ele custom skin or now the native elementor loop? Last time it did not work in the native elementor loop. Have to look into it and update the tutorial.
Hi man, thanks for this! However the plugin Elementor Addons is not supporting modal for free now, do you know any other similar alternatives I can try?
omg is my fault guys! Make sure it's "Elementor Addons Elements" and not other alternatives :')! It may be the wrong plugins, this works perfectly thank you!
Hey, thanks for the tutorial. I created the template for my "posts", but for some reason I cannot find it from the modal content. Is there anything I might be doing wrong?
how would you add the popup functionality to the standard Post Archive in Elementor Pro, some having popup links, others not? Also using ACF and CPT UI - thanks!
I wold not do that. That would be too much work full of workarounds. Not sure why would anyone want to do that, instead of using free plugins that don't slow your website 🤔
Great tutorial! Although, I am struggling to make it work for me. I followed your instructions but the content of the modal (from the section template) does not correspond with the actual posts, some of the text fields are missing and the modals are showing the same image. in the preview the image is missing but the text is correct... I am using ACF for the dynamic content and Elementor’s native post look widget. Any ideas of why it is not working properly?
Hi! Native post look widget? I am not even sure how you are including the popup there? Is it the standard widget or you are building it with the new custom loop? Either way that might be the problem. Can you try to do it with ele custom skin? Its free.
@@jcwebtech Thank you for taking the time to respond! I am using the new loop grid widget in Elementor. The weird part is that one of the custom fields is showing, as well as the background color and a couple of icons but the rest of the custom fields are missing (including the image). I will try your suggestion. Thanks again! Edit: Ele custom skin works like a charm. Thank you!!
Hi. Thank you for the video. I need your advice. I'm building a website for a medical clinic using Elementor Pro and Crocoblock. Considering that the site will display the doctors of the clinic, I've created a custom post type for adding the profiles of the doctors and the listing for the list of doctors. In the custom post type, I've created the meta field intended for the doctor's work schedule. Both in the post type and the listing templates, I want to add a separate "Schedule" button that will show the doctor's schedule in a popup. How can I make the modal show only specific meta field data (not the entire post like in the video)? So when the user will click on the "Schedule" button, the modal will display the meta field of that specific doctor profile. Thank you very much
Just to note, this doesn't work with Elementor's Loop template, you have to use Elementor Custom Skin
True, they were not even out in time of making this tutorial. Ill try to find solution for that soon. In the meanwhile Ill pin this comment here.
@@jcwebtech Yes it would be great if it could work with just Elementors built in Custom Loop Template and PopUps without having to use 2 third party plugins. I'd be interested if you found a solution.
@@jcwebtech It actually works with the Elementor Pro Loop Grid.
I followed the same guide you gave. I had to customise the final look using CSS, but it works as your video shows.
Thank you!
It can be done using both LOOP GRID and LOOP CAROUSEL in Elementor PRO.
In the Content Type in MODAL POPUP block inside Loop template choose 'Content' and then using dynamic content choose ACF field (previously set it correctly). And that work super nice with showing different popups even in loop carousel feature.
@@davidoryang8964 Thanks for that update! Glad to hear it worked.
THANK YOU THANK YOU THANK YOU! We've been trying to figure out how to list 75 contributing authors on a page with a bio that would pop up when clicked and didn't want to have to create 75 different pop ups. We did it using your method. Legend
So happy you found it helpful!
I have been looking for this for a really long time, thank you for the video Jan. Great stuff.
Me too actually. That's why I decided to share it once I figured it out. Glad it was useful for you
this is gold! spent 2 hours figuring this out. Thanks man!
thanks for tutorial! I've faced a problem, we have a listing grid of products a, b, c, d .... when you click on product b , c , d .... on listing grid, they all open a same modal for product a
same problem how did you solve it?
Can we do this without jet engine plugin? I created a custom loop using Elementor pro. I tried a lot to show dynamic content in my popup mdal but data is not displayed in popup (another thing is I want dynamic data in elementor form)
same
Hi, once i press my modal pop out, it will auto scroll down, may i know why and how to solve it? Thank you
Discords, Facebook groups, all the documentation there is. And yet I find this video, holy !@#$ been looking my !#@ off for this. Thanks a lot dude, wish I could do something in return.
Haha no need, you already made my day with your comment! But feel free to share it with anyone who you think may find it useful :)
Great Video, thank you. How did you create the dynamic attribute "custom field" in 2:03 ? I cannot select the post content.
Hi! I guess it is because I have JetEngine plugin installed. If you have ACF it may be different and if you are just pulling a blog posts there are no custom fields, just standard things like title, content, featured image or url
Thank you.
If I have a custom html code with links, is it possible by clicking on custom links show the product popup?
Hi!, I don't see why not.
@@jcwebtech Your suggestions would be much appreciated.
I have a custom-coded banner with titles and images.
Each slide in the banner links to a specific product page on my WooCommerce site.
When a user clicks on a slide, I want to display the corresponding product's information in a popup.
I'm using the Elementor Pro plugin along with WooCommerce.
How can I achieve this functionality?
Is it possible to use dynamic data of woocommerce product instead of post?
probably, only one way to find out.
Hi. Thanks for the video.
I can't find the Elegant Addons Elementor settings.
Do you know why?
You men the one to disable the other widgets? Not sure, maybe now they detect it automatically, what you used and what not. Not sure. I didnt use it in a while.
It works amazing for me, I'm just having a small issue, every time I open the popup my whole page moves slightly to the left, any idea why and how could I fix this
hard to say without seeing it. Sounds like some element inside your popup is too wide.
Great help, i really needed this.
Hi, great tutorial im using ACF Pro but not working, i have a custom field description like you and another field with imagen ando not load that content, do you now why?
Hi, are you using Ele custom skin or now the native elementor loop? Last time it did not work in the native elementor loop. Have to look into it and update the tutorial.
@@jcwebtech Thanks, im using archive template in elementor pro with a loop grid for load the post of each category
@@mikethefunkmorales The loop grid did not exist in the time of making this tutorial. I will need to look how that plays together...
Does this work with products? Like a single product page in a modal?
Hi, it should but I did not try it.
Hi man, thanks for this! However the plugin Elementor Addons is not supporting modal for free now, do you know any other similar alternatives I can try?
omg is my fault guys! Make sure it's "Elementor Addons Elements" and not other alternatives :')! It may be the wrong plugins, this works perfectly thank you!
Thanks for coming back and sharing the solution. I will try to figure out how to do it with the native loop in the future!
Hey, thanks for the tutorial. I created the template for my "posts", but for some reason I cannot find it from the modal content. Is there anything I might be doing wrong?
Do you have Elementor PRO? It does not work in the free version.
how would you add the popup functionality to the standard Post Archive in Elementor Pro, some having popup links, others not? Also using ACF and CPT UI - thanks!
I wold not do that. That would be too much work full of workarounds. Not sure why would anyone want to do that, instead of using free plugins that don't slow your website 🤔
@@jcwebtech I agree 100% - I just have a random project that is requesting this functionality - 😖
Great tutorial! Although, I am struggling to make it work for me. I followed your instructions but the content of the modal (from the section template) does not correspond with the actual posts, some of the text fields are missing and the modals are showing the same image. in the preview the image is missing but the text is correct... I am using ACF for the dynamic content and Elementor’s native post look widget. Any ideas of why it is not working properly?
Hi! Native post look widget? I am not even sure how you are including the popup there? Is it the standard widget or you are building it with the new custom loop? Either way that might be the problem. Can you try to do it with ele custom skin? Its free.
@@jcwebtech Thank you for taking the time to respond! I am using the new loop grid widget in Elementor. The weird part is that one of the custom fields is showing, as well as the background color and a couple of icons but the rest of the custom fields are missing (including the image). I will try your suggestion. Thanks again!
Edit: Ele custom skin works like a charm. Thank you!!
Hey man this was really helpful... Thanks🙏!!
You are welcome. Take care!
Cool!
Is there a way to create popups on dynamic pages, too - so, pages where I cannot use Elementor?
Depends how are you building those pages if not with elementor. I would need to know more...
Hi. Thank you for the video. I need your advice. I'm building a website for a medical clinic using Elementor Pro and Crocoblock. Considering that the site will display the doctors of the clinic, I've created a custom post type for adding the profiles of the doctors and the listing for the list of doctors. In the custom post type, I've created the meta field intended for the doctor's work schedule. Both in the post type and the listing templates, I want to add a separate "Schedule" button that will show the doctor's schedule in a popup. How can I make the modal show only specific meta field data (not the entire post like in the video)? So when the user will click on the "Schedule" button, the modal will display the meta field of that specific doctor profile. Thank you very much
It should be the same approach. Did you already try to put it together?
Great solution, thank you!
You are welcome
Does this work using ACF as opposed to jet engine?
Yep!
This is genius man thank you!!
You are welcome, glad you found it useful
Gracias!!!