Easy FancyBox
[resolved] How to display just an html div or section of an external html page (3 posts)

  1. baltaran
    Posted 4 years ago #

    Hi, I am really falling in love with your Easy fancybox plugin and I am planning to use it in future projects. In this ocasion I am trying to use it to display a contact form that resides in an external page. The idea is to load only the form but not the whole page with its styles and extra content. Do you think this could be done.
    Thanks a lot in advance


  2. RavanH
    Plugin Author

    Posted 4 years ago #

    FancyBox cannot strip out the header, sidebars and footer. I see only two possible alternatives:

    1. Include the form inside a hidden div on the same page and call it as inline content (instead of another page as iframe content). This basically means you wrap the form inside <div style="display:none;" class="fancybox-hidden"><div id="myform" width="xxx" height="xxx"> ... </div></div> and make the link similar to <a href="#myform" class="fancybox">open my form</a>

    2. Create a complete new custom template file (that does not call the regular header.php, sidebar.php and footer.php) inside your theme folder and make the contact form page use that template... Start reading more on http://codex.wordpress.org/Theme_Development#Custom_Page_Templates

    If you're new to themeing, my advise would be option 1. And if you use a form plugin like Contact Form 7, it's really not difficult recreating that same form as you are already using on the regular contact page :)

  3. baltaran
    Posted 4 years ago #

    Hi RavanH, Thanks a lot for your quick reply. I tried it with the second option and it works but I would stick with the first option to prevent taking users, with javascript disabeled, to another page with no styles but only a contact form. I apreciate your help

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic