Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 19, 2016 at 6:25 pm #586222
    ALCOR

    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 #586227
    Yigit

    Hi ALCOR!

    Please refer to my post here – https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439

    Regards,
    Yigit

    February 20, 2016 at 4:12 am #586383
    rickyporco

    Hey 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 #586463
    ALCOR

    Hi 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 #586617
    Ismael

    Hey!

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

    February 22, 2016 at 3:06 am #586791
    rickyporco

    Hey 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
    Andy

    @rickyporco
    Thanks a lot for sharing your solution.


    @ALCOR
    Let us know if you still need help.

    Regards,
    Andy

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.