WordPress.org

1. claudchan
   Member
   Posted 7 months ago #

   Hi guys,

   I am looking for solutions on how to insert my form into a custom page template and implement into colobox pop up.
   Assume that I had already have jquery library and colobox js as well.
   I have added my form into a page which is page id = 963.

   My codes:
   1. In my header.php I have <a href="#enquiryform" class="colorbox-inline">Enquiry</a>
   2. In jquery init: $(".colorbox-inline").colorbox({ inline: true });
   3. In the footer.php, I insert these codes:

   <div class="hidden">
   	<div id="enquiryform" style="display: block; width: 800px; height: 600px; background-color: #fff; color: #555;">
   		<?php $recent = new WP_Query("page_id=963"); while($recent->have_posts()) : $recent->the_post(); ?>
   		<?php the_content(); ?>
   		<?php endwhile; ?>
   	</div>
   </div>

   My problem is when I click on Enquiry link, the colorbox popup but didn't show the form. When I click on the second time, the colorbox popup with no width and height (is an empty content).

   I think is my wp_query something goes wrong. I still learning wordpress codes and still in beginer level. Hope can get solutions here.

2. hoffcamp
   Member
   Posted 7 months ago #

   You will have to make sure that the page loaded as the popup is loading wordpress. You can do this by including 'wp-load.php', which is in the root directory of wordpress.

Reply

You must log in to post.