Easy Fancybox Contact Form 7 On The Loop Content

  • rahab

    (@rahab)


    7 years, 8 months ago

    Hi.
    I have a standard loop content with table on frontend.

    So the html code will be like this

    <tr>
    <td><div style=”display:none” class=”fancybox-hidden”>
    <div id=”contact_form_pop” class=”hentry” style=”width:460px;max-width:100%;”>
    <h1>DATA 1</h1>
    <?php do_shortcode(‘[contact-form-7 id=”89″ title=”Application Form”]’); ?>
    </div>
    </td>
    </tr>
    <tr>
    <td><div style=”display:none” class=”fancybox-hidden”>
    <div id=”contact_form_pop” class=”hentry” style=”width:460px;max-width:100%;”>
    <h2>Data 2</h2>
    <?php do_shortcode(‘[contact-form-7 id=”89″ title=”Application Form”]’); ?>
    </div>
    </td>
    </tr>

    The problem is.

    When i click on the second row, i will always get content from the first row.

    How to get dynamic fancybox content?

    Thank you.

    https://wordpress.org/plugins/easy-fancybox/

Viewing 1 replies (of 1 total)
  • Rolf Allard van Hagen

    (@ravanh)

    7 years, 8 months ago

    Hi, this is because you are using the same ID for both instances. IDs must be unique, otherwise the script (or anything else) cannot distinguish between them.

    For example use id="contact_form_pop2" for the second instance. Also adapt the second link to href="#contact_form_pop2" to match that.

Viewing 1 replies (of 1 total)
  • The topic ‘Easy Fancybox Contact Form 7 On The Loop Content’ is closed to new replies.