Tagged: gravity forms, Lightbox, popup
-
AuthorPosts
-
February 19, 2016 at 6:25 pm #586222
Hi,
I tried for hours to create a popup form in Enfold theme. No popup plugins I tried worked.
Maybe you know how to make this work? I only want to create a Popup link (via tag or avia button) with a form from Gravity Forms.
Hope you can help me out?
Thanks!
February 19, 2016 at 6:32 pm #586227Hi ALCOR!
Please refer to my post here – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
Regards,
YigitFebruary 20, 2016 at 4:12 am #586383Hey Yigit,
I have copied your exact code but cannot achieve the gravity form lightbox. My browser is returning the following error:
Uncaught TypeError: jQuery(…).magnificPopup is not a function
My page link is attached. Thanks in advance for your help
- This reply was modified 8 years, 9 months ago by rickyporco.
February 20, 2016 at 3:19 pm #586463Hi Yigit,
As rickyporco, I tried your solution. Unfortunately it doesn’t work for me either. (I can’t even create a popup-link!)
3rd party Popup plugins work for the avia contactform for instance. But I need a more complex form. Because Enfold supports Gravity Forms I made several forms with this plugin. Everything works fine, except that I can’t use it within any Popup. The popup stays empty. What goes wrong?….
Hope you know an other solution or compatible plugin?
- This reply was modified 8 years, 9 months ago by ALCOR.
February 21, 2016 at 9:33 am #586617Hey!
Add the .load function. https://kriesi.at/support/topic/autoplay-youtube-videos-in-lightbox-on-click/#post-579578
// custom lightbox add_action('wp_footer', 'ava_custom_lightbox'); function ava_custom_lightbox(){ ?> <script type="text/javascript"> (function($) { $(window).load(function() { $('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); }); })(jQuery); </script> <?php }
Cheers!
IsmaelFebruary 22, 2016 at 3:06 am #586791Hey ALCOR – I had to modify the script to put in the functions.php file to make sure it worked correctly with the jquery library but this solution worked for me.
To place in functions.php:
function inline_popup_enabler(){ ?> <script> (function($){ $(window).load(function() { $('.test-popup-link').magnificPopup({ type:'inline', midClick: true }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_enabler');
CSS:
.white-popup { position: relative; background: #fff; padding: 20px; width: auto; max-width: 400px; margin: 20px auto; }
Code Block Element on your page:
<a href="#test-popup" class="test-popup-link">Click this button to open form in lightbox</a> //This is the link text <div id="test-popup" class="white-popup mfp-hide"> [gravityform id="14" title="false" description="false"] //change the form id in this line to add your specific form </div>
hope that helps
- This reply was modified 8 years, 9 months ago by rickyporco.
February 24, 2016 at 3:02 pm #588412@rickyporco
Thanks a lot for sharing your solution.
@ALCOR
Let us know if you still need help.Regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.