How to close popup window with a content button?

Comments

• dino127

  August 2019

  In a word - There should be MY Close button ( no problem to create it) inside popup content. And I need to write some code to close this modal, but what code?
  
• dino127

  August 2019

  Done! I do not believe... The morning is better )

  From the scratch - may be someone will use it - the task - to create popup when user enter the concrete page (announcement). Sure - we can use additional plugin, but BE - is powerful theme and to use a plugin for this simple work... not logical.

  1/ Target page: we use ordinary popup code: [popup title="Title" padding="0" button="0"]... [/popup] and create standard popup. Sure beautiful and so on. It was important to disable Close btn for me through Css and to create in modal button - I agree, which will close future modal. Ок - modal tested and ready - then I erase popup Title at all - popup start is hidden at Page now/

  2/ Functions.php : sure in child theme - I make click with JS at my popup when the page is ready (much better then through external JS or BE JS options - I can check - that page or not):

  <pre>
  

  function is_catalogue(){   
      if ( is_page( array( 146, 2045 ) ) ) {           
          ?>       
              <script type='text/javascript'>          
                  jQuery(document).ready(function($) {
                       $(function(){
                              $('div.ino-popup-win a.popup-link').click();
                          });                      
                  });
                 
              </script>
          <?php
          }   
  }
  add_action('wp_head', 'is_catalogue');

  </pre>

  I can use sessions or cookie here to show popup once.

  Everything is working good. But how to close modal from the button on it?

  3\ That was easy in the morning: I realized that modal - is magnific product and try to add to onclick function:
  

  <pre>

  $.magnificPopup.close(); return false;

  </pre>

  That is all now - we have popup plugin )
  
• Bryan

  August 2019

  Hey,

  did you try to put this JS code by itself into the website?

  
  

  <script type='text/javascript'>          
                  jQuery(document).ready(function($) {
                       $(function(){
                              $('div.ino-popup-win a.popup-link').click();
                          });                      
                  });
                 
  </script>

  
  

  Also, check your console if there are any JS errors.

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• dino127

  August 2019 edited August 2019

  hey!

   Yes, I tried. And there is no errors in Console. But Firefox - is ok to close at $.magnificPopup.close(); in
  

  Chrome generates error when click to close and does not want to close...
  

  
  

  One hour else )) Yes - all working well/ Close procedure ( I write in BE JS):

  jQuery('.close_magnific').on('click',function(){                                                     
      jQuery.magnificPopup.proto.close.call(this);
  });

  
  

  and I use class close_magnific in standart Be button.

  Fuh )

  
  

  I did some more things - and include cookies to show that windows once... All working fine now...
  
• Bryan

  August 2019

  As much as I would like to help you with this, we really do not know what you changed and where. All user modifications or custom code are not supported, espcially PHP or JS.

  
  

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next