Contact Form in prettyPhoto

(10 posts) (2 voices)

1. 

   IamMarix
   Member

   I'd like to have it so that when you click on a link it loads a contact form inside the prettyPhoto popup. I know I can embed a page, say the contact page. But I don't want the rest of the page showing, just have a contact form inside of the prettyPhoto box.

   Is this even possible? And if so, what would be the easiest way to accomplish this?

   Posted 3 months ago #
2. 

   Elliott
   Support

   Hello IamMarix,

   See the examples for "Inline Content" on the prettyPhoto website, http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/.

   Posted 3 months ago #
3. 

   IamMarix
   Member

   Thanks!

   Posted 3 months ago #
4. 

   IamMarix
   Member

   I follow their directions and receive this error.

   Image cannot be loaded. Make sure the path is correct and image exist.

   I even took their example code (minus the extra /div they have in it) and that gives the same error. Is there something I need to change in prettyPhoto files to get this to work? I'm also looking to do it with inFocus.

   Posted 3 months ago #
5. 

   Elliott
   Support

   Paste the code your using here and a link to your page.

   Posted 3 months ago #
6. 

   IamMarix
   Member

   <a href="#inline-1" rel="prettyPhoto"><img src="http://www.no-margin-for-errors.com/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a>
   	<div id="inline-1" style="display: none;">
   		<p>This is inline content opened in prettyPhoto.</p>
   		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>

   http://www.hyperonline.org/testing-ground/

   Posted 3 months ago #
7. 

   Elliott
   Support

   Your link is set to your pages URL. Make sure it looks like this,

   <a href="#inline-1" rel="prettyPhoto" >

   Type it out in the HTML editor.

   Posted 3 months ago #
8. 

   IamMarix
   Member

   The code in the HTML editor looks exactly as the post above.

   

   My guess is WordPress parsing something that's forcing the page's URL to show in the href.

   Attachments

   1. fusion-form-prettyPhoto.PNG (50.5 KB, 5 downloads) 3 months old

   Posted 3 months ago #
9. 

   Elliott
   Support

   It's not happening on my end. Try deactivating your plugins.

   Posted 3 months ago #
10. 

    IamMarix
    Member

    It ended up being the Google Analytics plugin by Yoast.
    http://wordpress.org/extend/plugins/google-analytics-for-wordpress/

    I'll just switch to using the mysitemyway box for Google Analytics code.

    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.