Easy FancyBox & Contact Form 7

  • Resolved cpugeek75

    (@cpugeek75)


    9 years, 5 months ago

    I know there is an older post on this subject but I have tried the suggestions there only to keep hitting the proverbial brick wall.

    I want to have multiple forms on a single page that open in easy fancy box. I’ve added all the markup and unique cf7 ids, but they all open as the same form and not the unique ones. Whatever form is listed first on the page is the one that displays for all the others.

    Code:

    <a class="fancybox" href="#contact_form_pop"><img class=" size-full wp-image-111 aligncenter" src="https://markethouse.org/wp-content/uploads/2015/05/Request-A-Quote.png" alt="" width="128" height="59" /></a>
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop" style="text-align: center;">[contact-form-7 id="161" title="Contact form 1"]</div>
</div>

    I have tried changing the contact_form_pop by adding a number but doing this causes the popup to delay for several seconds and then just display a copy of the page inside a the fancy box.
    site is https://www.markethouse.org

    Thanks,
    J

Viewing 1 replies (of 1 total)
  • Thread Starter cpugeek75

    (@cpugeek75)

    Solved. It was a minor over site. For those that need the solution, you must change both instances of contact_form_pop. 

    <a class="fancybox" href="#contact_form_pop1"><img class=" size-full wp-image-111 aligncenter" src="https://markethouse.org/wp-content/uploads/2015/05/Request-A-Quote.png" alt="" width="128" height="59" /></a>
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop1" style="text-align: center;">[contact-form-7 id="161" title="Contact form 1"]</div>
</div>
Viewing 1 replies (of 1 total)
  • The topic ‘Easy FancyBox & Contact Form 7’ is closed to new replies.