Post preview in Modal Popup with dynamic content in Elementor Pro

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 63

  • @scottmason2312
    @scottmason2312 ปีที่แล้ว +3

    Just to note, this doesn't work with Elementor's Loop template, you have to use Elementor Custom Skin

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว +1

      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.

    • @scottmason2312
      @scottmason2312 ปีที่แล้ว +1

      @@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.

    • @davidoryang8964
      @davidoryang8964 10 หลายเดือนก่อน

      @@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.

    • @jcwebtech
      @jcwebtech  9 หลายเดือนก่อน

      @@davidoryang8964 Thanks for that update! Glad to hear it worked.

  • @DavidGilbert-mv5qv
    @DavidGilbert-mv5qv ปีที่แล้ว +2

    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

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว +1

      So happy you found it helpful!

  • @martinnorton5091
    @martinnorton5091 2 ปีที่แล้ว +4

    I have been looking for this for a really long time, thank you for the video Jan. Great stuff.

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว +1

      Me too actually. That's why I decided to share it once I figured it out. Glad it was useful for you

  • @mel-182
    @mel-182 6 หลายเดือนก่อน

    this is gold! spent 2 hours figuring this out. Thanks man!

  • @soroushchoghadaki9399
    @soroushchoghadaki9399 ปีที่แล้ว +2

    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

    • @KitchenWare_
      @KitchenWare_ หลายเดือนก่อน

      same problem how did you solve it?

  • @umernaseer5378
    @umernaseer5378 6 หลายเดือนก่อน +1

    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)

    • @RoyyanAbiid
      @RoyyanAbiid 6 หลายเดือนก่อน +1

      same

  • @ZhongLinE
    @ZhongLinE ปีที่แล้ว

    Hi, once i press my modal pop out, it will auto scroll down, may i know why and how to solve it? Thank you

  • @Zi0nneBLoeM
    @Zi0nneBLoeM 2 ปีที่แล้ว

    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.

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      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 :)

  • @klausf3987
    @klausf3987 2 ปีที่แล้ว

    Great Video, thank you. How did you create the dynamic attribute "custom field" in 2:03 ? I cannot select the post content.

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      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

  • @kerimtim
    @kerimtim 9 หลายเดือนก่อน

    Thank you.
    If I have a custom html code with links, is it possible by clicking on custom links show the product popup?

    • @jcwebtech
      @jcwebtech  9 หลายเดือนก่อน

      Hi!, I don't see why not.

    • @kerimtim
      @kerimtim 9 หลายเดือนก่อน

      @@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?

  • @kerimtim
    @kerimtim 9 หลายเดือนก่อน

    Is it possible to use dynamic data of woocommerce product instead of post?

    • @jcwebtech
      @jcwebtech  9 หลายเดือนก่อน

      probably, only one way to find out.

  • @ידידיהסינואני-כ5נ
    @ידידיהסינואני-כ5נ 2 ปีที่แล้ว

    Hi. Thanks for the video.
    I can't find the Elegant Addons Elementor settings.
    Do you know why?

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      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.

  • @AlejandraValenciaBernal
    @AlejandraValenciaBernal ปีที่แล้ว

    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

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว

      hard to say without seeing it. Sounds like some element inside your popup is too wide.

  • @ksncreativestudio
    @ksncreativestudio ปีที่แล้ว

    Great help, i really needed this.

  • @mikethefunkmorales
    @mikethefunkmorales ปีที่แล้ว

    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?

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว +1

      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.

    • @mikethefunkmorales
      @mikethefunkmorales ปีที่แล้ว

      @@jcwebtech Thanks, im using archive template in elementor pro with a loop grid for load the post of each category

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว +1

      @@mikethefunkmorales The loop grid did not exist in the time of making this tutorial. I will need to look how that plays together...

  • @peterm3799
    @peterm3799 ปีที่แล้ว

    Does this work with products? Like a single product page in a modal?

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว

      Hi, it should but I did not try it.

  • @zhiyuenkhosummer4274
    @zhiyuenkhosummer4274 ปีที่แล้ว

    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?

    • @zhiyuenkhosummer4274
      @zhiyuenkhosummer4274 ปีที่แล้ว

      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!

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว

      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!

  • @AnnitaCaniglia
    @AnnitaCaniglia ปีที่แล้ว

    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?

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว

      Do you have Elementor PRO? It does not work in the free version.

  • @jomotioncreative
    @jomotioncreative 2 ปีที่แล้ว

    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!

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      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 🤔

    • @jomotioncreative
      @jomotioncreative 2 ปีที่แล้ว

      @@jcwebtech I agree 100% - I just have a random project that is requesting this functionality - 😖

  • @kjell.pettersen
    @kjell.pettersen 2 ปีที่แล้ว

    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?

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว +1

      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.

    • @kjell.pettersen
      @kjell.pettersen 2 ปีที่แล้ว

      @@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!!

  • @bharat61020
    @bharat61020 2 ปีที่แล้ว +1

    Hey man this was really helpful... Thanks🙏!!

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      You are welcome. Take care!

  • @fabianschultz6527
    @fabianschultz6527 2 ปีที่แล้ว

    Cool!
    Is there a way to create popups on dynamic pages, too - so, pages where I cannot use Elementor?

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      Depends how are you building those pages if not with elementor. I would need to know more...

  • @Ubersteel
    @Ubersteel 2 ปีที่แล้ว

    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

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว

      It should be the same approach. Did you already try to put it together?

  • @nsa5
    @nsa5 ปีที่แล้ว

    Great solution, thank you!

    • @jcwebtech
      @jcwebtech  ปีที่แล้ว +1

      You are welcome

  • @jomotioncreative
    @jomotioncreative 2 ปีที่แล้ว

    Does this work using ACF as opposed to jet engine?

  • @markjszymanski
    @markjszymanski 2 ปีที่แล้ว +1

    This is genius man thank you!!

    • @jcwebtech
      @jcwebtech  2 ปีที่แล้ว +1

      You are welcome, glad you found it useful

  •  4 หลายเดือนก่อน

    Gracias!!!