The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

WordPress comments in modal window

  • # May 13, 2010 at 1:18 pm

    Hello all,

    I’m trying to figure out how to display WordPress comments in a modal window. Any ideas would be welcome.



    # May 13, 2010 at 2:12 pm

    They should be all wrapped in a DIV to begin with, so just display: none; that DIV. Then have a link that when clicked triggers FancyBox on that DIV. … wordpress/

    # May 14, 2010 at 11:04 pm


    Thank you for the input. So simple. I’m giving it a try first thing in the morning.



    # July 30, 2010 at 11:47 am

    OK. Two months later, I’m finally getting around to implementing this. I’m using NyroModal, with the same effect. What I’ve done is added comments_popup_script to the head – and at the bottom, I have:

    <div class="comments">
    <?php comments_popup_link(‘No Comments’, ‘1 Comment’, ‘% Comments’, ‘nyroModal comments-link’, ”); ?>

    The modal window works just fine, but the comment box still pops up, along with it. Any ideas?

    Stripped down example here:



    # December 2, 2012 at 4:26 pm

    Use the regular comments link instead of the popup link. It defeats the purpose of using a modal box if you’re also creating a new popup window.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed