Membership Subscription Modal Window

Hello,

Great plugin, my question is, I noticed a modal box appears when a user clicks on the 'signup' button within the subscriptions page and they can complete their checkout process from inside the modal window.
How can I achieve the same effect if I wanted to place the link location inside a comparison table for users to signup and having the same modal window appear just like in the subscriptions page.

I've tried to use the same class as on the subscriptions page with no luck. If I can get this resolved, I would be very grateful. Thank you in advance.

  • Jay

    Yes! I am currently using this within the table. I also tried this link format outside the table. I've added these two pages to the visitor access, so you should be able to see them with no problem. However, the nice modal box as found on the subscriptions page, doesn't bring up the modal window once click, it just opens to a new page. I've been researching and testing how I can achieve that same effect, but with no luck.

  • aristath

    I see...
    Try adding these as well at the end of your post (using the text editor, not the visual editor):

    <link rel='stylesheet' id='subscriptionformcss-css'  href='http://www.yungtek.com/wp-content/plugins/membership/membershipincludes/css/subscriptionform.css?ver=3.6' type='text/css' media='all' />
    <link rel='stylesheet' id='publicformscss-css'  href='http://www.yungtek.com/wp-content/plugins/membership/membershipincludes/css/publicforms.css?ver=3.6' type='text/css' media='all' />
    <link rel='stylesheet' id='fancyboxcss-css'  href='http://www.yungtek.com/wp-content/plugins/membership/membershipincludes/js/fancybox/jquery.fancybox-1.3.4.css?ver=3.6' type='text/css' media='all' />
    <link rel='stylesheet' id='popupmemcss-css'  href='http://www.yungtek.com/wp-content/plugins/membership/membershipincludes/css/popupregistration.css?ver=3.6' type='text/css' media='all' />
    <script type='text/javascript' src='http://www.yungtek.com/wp-content/plugins/membership/membershipincludes/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=3.6'></script>

    Cheers,
    Ari.

  • Jay

    Hi @aristath, just giving an update.

    So far, I pasted the above code into my header.php. I also verified I had the necessary jquery files, (i didnt). I downloaded them and uploaded it to its web folder. I used web developer tools to make sure they were loading on the page and they were.
    However, after all this, the link inside the table and even outside the table on the page, still does not produce a modal window once clicked like found on the subscriptions page of this plugin.

  • Jay

    I forgot I even registered both of the jquery files by pasting the following code into the functions php file.

    function wptuts_scripts_basic()
    {
        // Register the script like this for a plugin:
        wp_register_script( 'custom-script', plugins_url( '/membership/membershipincludes/js/jquery.fancybox-1.3.4.pack.js', __FILE__ ), array( 'jquery' ) );
        wp_register_script( 'custom-script', plugins_url( '/membership/membershipincludes/js/jquery.fancybox-1.3.4.js', __FILE__ ), array( 'jquery' ) );
        // or
        // Register the script like this for a theme:
        wp_register_script( 'custom-script', get_template_directory_uri() . '/membership/membershipincludes/js/jquery.fancybox-1.3.4.pack.js', array( 'jquery' ) );
        wp_register_script( 'custom-script', get_template_directory_uri() . '/membership/membershipincludes/js/jquery.fancybox-1.3.4.js', array( 'jquery' ) );
    	// For either a plugin or a theme, you can then enqueue the script:
        wp_enqueue_script( 'jquery.fancybox-1.3.4.pack.js' );
        wp_enqueue_script( 'jquery.fancybox-1.3.4.js' );
    }
    add_action( 'wp_enqueue_scripts', 'wptuts_scripts_basic' );
  • aristath

    Hello there!
    As we haven't heard back from you we're going to assume the problem was sorted out and mark this thread as resolved.

    If it wasn't resolved, or you have any more questions related to this thread please feel free to post them below and tick the 'Mark as Not Resolved (re-open)' box below the post area (or else we'll miss it!)

    Otherwise, thanks for using the forums, and, as always, for being a member of WPMU DEV, it's a pleasure to help you out and we look forward to being of assistance in the future.

    Cheers,
    Ari.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.