Contact Form in prettyPhoto

resolved (10 posts) (2 voices)

  1. 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 2 years 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 2 years ago #
  3. Thanks!

    Posted 2 years ago #
  4. 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 2 years ago #
  5. Elliott
    Support

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

    Posted 2 years ago #
  6. <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 2 years 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 2 years ago #
  8. 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, 9 downloads) 2 years old
    Posted 2 years ago #
  9. Elliott
    Support

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

    Posted 2 years ago #
  10. 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 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme