Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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!

    #586227

    Hi ALCOR!

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

    Regards,
    Yigit

    #586383

    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, 8 months ago by rickyporco.
    #586463

    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, 8 months ago by ALCOR.
    #586617

    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

    #586791

    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, 8 months ago by rickyporco.
    #588412

    @rickyporco
    Thanks a lot for sharing your solution.


    @ALCOR

    Let us know if you still need help.

    Regards,
    Andy

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