Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 11, 2014 at 6:33 am #289914
    CloudChoice

    Hi,

    I would like to put this Inline Popup Call in a button.

    <a class="open-popup-link" href="#logg">LOG</a>

    How could I do that?

    THANKS

    July 11, 2014 at 2:45 pm #290102
    Yigit

    Hey CloudChoice!

    Please refer to Josue’s post here – https://kriesi.at/support/topic/inline-content-in-magnific-popup/#post-289356

    Regards,
    Yigit

    July 11, 2014 at 4:46 pm #290179
    CloudChoice

    Hi,

    This is not the problem. The JS already in the fuctions.php.

    My question is:

    How can I put the link in the button?

    I want to put this link: CLICK HERE`

    Inside the button.

    THANKS

    July 11, 2014 at 4:47 pm #290180
    CloudChoice

    <a class="open-popup-link" href="#logg">CLICK HERE</a>

    July 11, 2014 at 11:46 pm #290310
    CloudChoice

    Hi,

    Any idea?

    THANKS

    July 12, 2014 at 12:22 am #290317
    Josue

    Hi!

    You could use a button with a class set (.open-popup-link), and you’d change the JS code accordingly:

    jQuery('.open-popup-link a').magnificPopup({
  type:'inline',
  midClick: true 
});

    Cheers!
    Josue

    July 12, 2014 at 12:39 am #290326
    CloudChoice

    Hi,

    Works nice.
    BUT how I changed the code belllow in chield functions, the other Inline just to stop. How can I keep the two solutions?

    function add_custom_script(){
?>
<script>
jQuery(window).load(function(){

jQuery('.open-popup-link <strong>a</strong>').magnificPopup({
  type:'inline',
  midClick: true 
});
      
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');
    July 12, 2014 at 1:15 am #290334
    Josue

    Hey!

    You can target multiple elements:

    jQuery('.open-popup-link a, .open-popup-link').magnificPopup({
  type:'inline',
  midClick: true 
});

    Cheers!
    Josue

    July 12, 2014 at 1:25 am #290337
    CloudChoice
    This reply has been marked as private.
    July 12, 2014 at 1:42 am #290339
    Josue

    Can you disable the caching for a moment?

    Best regards,
    Josue

    July 12, 2014 at 1:44 am #290341
    CloudChoice

    Of course.
    Done.

    July 12, 2014 at 1:57 am #290345
    Josue

    I believe you need make a difference when you use the inline link in a button / hyperlink:

    jQuery(window).load(function(){
jQuery('.open-popup-link-button a, .open-popup-link').magnificPopup({
  type:'inline',
  midClick: true 
});      
});

    Set the button class to “open-popup-link-button” instead.

    Regards,
    Josue

    July 12, 2014 at 2:12 am #290355
    CloudChoice

    Hi,

    You’re right.
    Now is working.

    Thank you very much.

    July 12, 2014 at 2:14 am #290359
    Josue

    Great, you are welcome :)

    Regards,
    Josue

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