function mytheme_preprocess_page(&$vars, $hook) {
$vars['template_files'][] = 'page-'. str_replace('_', '-', $vars['node']->type);
}

Please explain this code a bit more. Am I only replacing “type” for my node type which would be “gallery” in my case? And are you trying to say that you can make content without the header and footer or menus for light box to display without them by not including them in the page-[node_type].tpl.php? And that this code will display headers and footers and all that good stuff when not displayed in lightbox on the regular pages?
Forgive me if I sound off.

I use Lightbox2 to display the results of clicking on a link in a view and Views automatically appends the /lightbox2 to the URL so it's never seen by the user.

I added a new field (I used the node:title field) to the view, checked "rewrite the output of this field" and placed the following in the text box:

<a href="node/[nid]/lightbox2" rel="lightframe" title="Full Node View">View</a>

Make sure you include the node id field, (nid) (and check "exclude from display") and place it before the link field above in the field list, so that the NID is passed to the URL for the lightbox.

So what this does: Views displays a list of nodes in whatever form you specify (list, table, etc). In each item you may have some fields from the main node, including the new one shown above. Clicking on the "View" link opens a light box with the full node displayed.

You still have to style lightbox2 output to present the node data the way you want using a custom tpl.php file.

Using the theme developer module I gleaned the following information from the lightbox2 view:

Template called:
    page.tpl.php
Candidate template files:
    page-node-lightbox2.tpl.php < page-node-5323.tpl.php < page-node.tpl.php < page.tpl.php

So using page-node-lightbox2.tpl.php you could specify to print the $node variable by itself without all the sidebars, etc, and style it the way you want.

I am currently using the Google checkout Button ( not cart) for product purchasing, but I want it to open a new page or pop up instead of redirecting people off of my site. I tried adding the rel="lightframe" but since it is a form and not a link it didn't work. Any suggestions? This is my first drupal site, so I am still learning.

Hi,

I want to use Lightbox2 to open Lightbox popups when a user browses through a certain page (i.e. w/o any clicking)

How can this be done?

Thanks!

I am a bit confused by the line in the instructions above:

... This is not a requirement for Drupal 6.x users, but the file is provided in case you need to override the default layout.
...

If copying the out-of-box page-node-lightbox2.tpl.php to my custom theme folder is not necessary in Drupal 6 to be able to get a plain-vanilla node to show in lightbox2, then what is? Is the documentation suggesting to modify this .tpl.php in its place when in D6?

Also, I have been unsuccessful at getting the copy of the .tpl.php to register when I used a Zen subtheme unless I actually put the file under themes/zen/zen, which I believe is not the way to do it with Zen subthemes.. Has anyone else had luck with this config?

thanks!

How we can create a link using lightbox2 in a menu item?

Sometimes you will want to open node content in a lightbox. You can use the method described above but that will still display the sidebars, etc, within the lightbox which may not be what you want. To overcome this, you just need to add /lightbox2 to the end of the node path.

Then this article says that Drupal 5 needs a template file and implies that Drupal 6 doesn't. On Drupal 6.15, I'm just not seeing /lightbox2 doing anything without copying the template file to my custom theme and modifying it. I think I'll implement simple.tpl.php instead...

I'm just really learning PHP, and I'm using Contemplates to create template files for my content types. I have a CCK image field that shows up on the node with this code:

print $node->field_cover[0]['view']

I'd like to resize it smaller (there's already an ImageCache size configured for it) and allow users to click on it for Lightbox2 to do its thing. Anyone know how to code it?

I'm using D6. I followed the built-in solution to add lightbox2 effect for internal node content
and copy the page-node-lightbox2.tpl.php to my theme folder

But it just gave me a blank page while clicking the link.

my screen cap
http://i36.photobucket.com/albums/e28/adrianmak2/Capture-9.png

If you add "/lightbox2" manually at the end of your URLs, you will be creating links that can be followed by spiders and people with Javascript disabled. This will be bad for your ranking on the search engines and for your users experience.

The correct way of handling this issue is to use the direct link to the node on your links, and process them using Javascript to add "/lightbox2". To do this, just insert the following code on your scripts.js file:

Drupal.behaviors.fixlightboxlink = function (context) {
    $("a[rel^='light']:not(a[href$='lightbox2'], .fixlightboxlink-processed)", context)
          .addClass("fixlightboxlink-processed")
          .each(function () {
                    $(this).attr("href", $(this).attr("href") + "/lightbox2");
          });
};

Built-in solution: Note, this will only work with node links.

Any thoughts for making this work with pathauto aliases?

I'd prefer not to have /node links for every lightbox, while still retaining the ability to link directly to the node and use a different template.

Does anyone have ideas on the best way to automatically add rel="lightframe" to all external 'a' links? For instance, I want to offer an external link to CNN from my site, but I want to pop it in a light box. That part is simple. Done. Now, I want to add the same light box code to 1000 links that were entered into the site already without any lightbox code. In addition, all future external links should be lightboxified automatically. Lightbox does this with images, but I'd like to do it with the iframe option.

The approaches I can think of are:
1) Hack the lightbox module to do what it does to images to the iframes
2) Add custom .js to rewrite the links similar to what was posted about adding /lightbox2 to each node link
3) Voodoo magic.

I'm close on #3, but I think #2 would be better and #1 would be the best, if done elegantly.

Thoughts?

<script>
$(document).ready(function() {
   $(".views-field-field-nodetitle-nid > .field-content > a").each(function() {
     $(this).attr("href", $(this).attr("href") + "?format=simple");
     $(this).attr("rel", "lightframe");
     });
   Lightbox.initList() ;
});
</script>

I have been trying this with no results at all.

my node is linked through the view via the title. The title is "views-field-title" It's pretty simply, but i get the standard page when i click the title.

Is it possible to get this to work with /node/add/... pages? I would like to put a link under my calendar that links to the node/add/event page so users can add events without leaving the calendar page. However, when I tried to do it this way, it shows the whole Add Event page including the header and sidebars. Using the instructions above, I got the page-node-lightbox2.tpl.php file working correctly, so when I visit (for example) /node/54/lightbox2, it just ouputs the page content, but that doesn't work on the node/add pages. Any way to fix this?

I have one question that,
I have created 4 tpl.php files for views pages and added code of lightbox as given above example ' print $output; " rel="lightframe[search|width:1280px; height:768px;]" target="_blank">'. It works fine but I need download option in this lightbox, could any one helps me in this task?

Thanks a lot in advance.

I want to display lighbox for node edite page with no sidebars and navigation links. Its appearing with all these links at the moment. I've added the link to open the edit page with views and I tried to hide the sidebars and links with herf="node/xxxx/edit/lightbox2" but its not working. Any help would be appreciated.

Regards.

[edit]: The link is added with custom field and not with the 'link' type

What about the user login form?
How can I open ONLY display the login form in my Lightbox without my page elements (like HEADER, SIDEBARS and FOOTER).

Super tutorial :) I used this tutorial to get fancybox play videos on my client website :).. You can see results on http://autotransport.eu

This is a great module. However when I tried to use it I didn't get the results I expected. I am working on a tutoring website. A feature I want to add is to have students be able to take a quiz. I want to be able to create a number of quizzes using different formats (T&F, short answer, etc) and have them displayed in Lightbox2. I would like the quiz to show up as the only content expect for the navigation bar (which doesn't need to be there either). The effect I'd like is a quiz paper. When I followed the instructions above, I didn't get a lightbox. Instead I got directed to the quiz take page which I used in my href. Here's the code I'm using in the block I created for the quizzes:

<p>Here are some quizzes you can take to see what you know.  They are on a variety of subjects. The formats include Short Answer, Multiple Choice, and True/False.  Just select the quiz you wish to take and see how well you do.</p>
<p>
<a href="node/15/take" rel="lightframe [scrolling:auto]">Test Quiz</a>
</p>

When I click on the link I get taken to the page rather than opening a light box. I also tried the alternate solution given by iDonny which produced the same results except all formatting is eliminated. The following is the simple.tpl.php file I created:

<?php
// $Id: page-node-lightbox2.tpl.php,v 1.1.2.2 2008/06/11 22:16:38 snpower Exp $

/**
 * @file
 * Template file for displaying the node content, associated with an image, in
 * the lightbox.  It displays it without any sidebars, etc.
 */
?>
<!-- Layout -->

    <div id="wrapper">
    <div id="container" class="clear-block">


      <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">


<?php if ($page == 0): ?>
  <h2><a href="<?php print $node_url ?>" title="<?php print $title ?>"><?php print $title ?></a></h2>
<?php endif; ?>

    <?php print $content ?>

  <div class="clear-block clear">
    <div class="meta">
    <?php if ($taxonomy): ?>
      <div class="terms"><?php print $terms ?></div>
    <?php endif;?>
    </div>

    <?php if ($links): ?>
      <div class="links"><?php print $links; ?></div>
    <?php endif; ?>
  </div>

</div> <!-- close container -->
</div> <!-- close wrapper -->

The test quiz is displayed but it is in the upper left corner and there is no background image or other page items. What I had expected was to have mainly the header, sidebar, and footer blocks removed so the quiz would be displayed as the only content on the page other than the menu bar.

I'm fairly new to Drupal and know enough code to make minor changes and follow what others have done. I'm still learning a lot about how Drupal works and don't know all the intricacies as yet. I'm running Drupal 6.22 for the website.

Thanks in advance for your help and advice.

I have a page which is opened in a lightbox. The page contains links to nodes.
When a link is pressed I would like the lightbox to be closed and the node to be openend in the browser.
Any suggestions?

Has anyone done this in an iframe-free way?
Working with JS + CSS with respect to iframes is a huge PITA.
I would like to render node content in a standard lightbox.

I'm able to get a node to display in a Lightbox in Drupal 7 utilizing Views. What I'm struggling with is getting it to display only the node information (i.e. not the full web page). I was partial to the alternative idea above proposed by iDonny, but I receive the following error: "Notice: Undefined index: format in include()............"

Is anyone successfully displaying specified node content in a Lightbox in Drupal 7? If so, how are you accomplishing it?

1) Create a new node with the desired content.
2) get the node nid by hover over the 'Edit' Link of the node.
3) Create a new page--node--nid.php.tpl and remove unnecessary content by comment all print commands for the header,footer and sidebar.
4) use the link to this node as instructed by the article.
You can see the result here : http://www.nile7.com see the links on the first and second posts.

You are right it is not transparent the new node template will always format the display of this node , but remember that you only need to do this ( create a new template ) in case you need to display the node without other regions like header,footer,sidebar ..etc , otherwise you do not need to create this special template.

How could I resize the lightbox, if I use this code?

<script>
$(document).ready(function() {
   $(".views-field-field-nodetitle-nid > .field-content > a").each(function() {
     $(this).attr("href", $(this).attr("href") + "?format=simple");
     $(this).attr("rel", "lightframe");
     });
   Lightbox.initList() ;
});
</script>

Cant see a solution to add something like

<a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;]">Search google</a>

Greetzz

I've been trying to get captions to appear underneath photos displayed withe Lightbox2. Neither the 'rel=lightbox[][caption text]"' or the 'rel="lightbox" title="caption text"' syntax seems to work.

I noticed that each time I display an image using lightbox2, the Apache error log receives a record like:

File does not exist: [path to web site directory]/public_html/system/lightbox2/filter-xss, referer: ...

Originally, those error messages were referring to "public_html/system" so I added the "system" directory and tried re-displaying the image. Then it griped about "lightbox2". Eventually it got to where it looked to me like some actual code or a file was not found ("filter-xss"). The referer in the log file was listed as "[sitename]/?q=node/21".

A little grepping shows that that path "system/lightbox2/filter-xss" appears in both "sites/all/modules/lightbox2/js/lightbox.js" and "sites/all/modules/lightbox2/lightbox2.module".

I tried changing the anchor tag argument fom 'rel="lightbox"' to 'rel="lightbox2"'. Again, no captions. The error messages in the Apache log still complained about not finding the "filter-xss". The referer was now shown as "[sitename]/?q=node%2F21%2Fedit&render=overlay&render=overlay".

BTW, the Apache error log messages do not seem to be directly related to my captions as they appear when displaying images where I have not specified a caption. (I seem to recall that Lightbox itself might be trying to add a default caption (image file name?).)

The only way I've been able to get the captions to display is to configure the Lightbox2 module to use "Lightbox2 Lite". (Sorry but I only tried it with the 'rel="lightbox" title="caption text"' syntax.)

The Drupal version is 7.9 and the Lightbox2 module is "7.x-1.0-beta1".

Qs: Is a newer release of the 7.x version coming out soon? Or are these error messages an indication of something not configured correctly in my installation?

I'm getting the following error when I try iDonny's solution.

Notice: Undefined index: format in include() (line 2 of /../../sites/all/themes/fusion/[my-custom-theme]/page.tpl.php).

The code is:

if ($_GET["format"] == "simple") {
  include ('simple.tpl.php');
  return;
}

with line 2 being the GET line.

The solution works perfectly besides this error message that has really been bugging me. Any help appreciated!

EDIT: Sorry this is a duplicate of http://drupal.org/node/1366788 - solution can be found on this thread.

Hello,

I have an anchor tag like this

<a id="a_add_module_access" rel="lightframe[vid|width:1000;height:600]" href="<?php echo $GLOBALS['base_root'].'/admin/structure/product_manager/add_module_access/0'; ?>">

It works fine with the lightbox appearing perfectly.

But when I choose to open the same using JS it shows me a normal page with the content without the lightbox. The JS code :

jQuery("#a_add_module_access").attr('rel','lightframe[vid|width:1000;height:600]');
jQuery("#a_add_module_access").attr('href',"<?php echo $GLOBALS['base_root'].'/admin/structure/product_manager/add_module_access/0'; ?>");
Lightbox.initList() ;

Am I doing anything wrong?

Please help...

I'm putting article nodes in the lightbox rather than images and I'd like to make the lightbox bigger. Any suggestions for a quick, clean way to do that?

I am using iDonny solution. But the frame still has all the page info like other blocks and the header. Can some1 show me where I am going wrong? Or an example of how they editted the simple.tpl to just show the content only?

I used lightbox2 to load a webform when users click "Request Info" on this page: http://goo.gl/Bf2Gp. I added "lightframe" property to this link and set a width and height exactly as explained on this page. This works perfectly on Chrome (The webform loads as a lightbox). However, when using IE9, it loads as a full webpage, not a lightbox. I changed the setting from "lightframe" to "lightmodal", which seemed to work, however, it takes much longer to load, and disables the javascript features on the webform. I looked around, and haven't been able to find a solution to this problem. Any help is great!

Thanks!

I want to display CDN-hosted (Brightcove in my case) video from links in a View. I have one working solution for displaying such a link in Lightbox overlays. (Maybe not a very good solution but it works.) The rel=lightframe parameter is built into the Content type being displayed by the View, and each different Content item has a different video link. In the same field as the rel=lightframe are width/height numbers and a scrolling=no code. The problem is that not every video item is the same size; partly because of a mix of 4:3 and 16:9 video players, and partly because some players a multi-part video players and thus are larger to allow for the playlist display.

If I provide sizing numbers for Lightbox that are large enough to accommodate the widest & deepest instance, then there is too much empty space for the smaller video displays. And of course I don't want to have scrollbars in a space displaying a video player. >>So is there a way to vary the size of the Lightbox overlay window, according to the size of that particular content? Alternatively (as a fall-back solution), is there a way to get the video player (called up by URL) to center in the Lightbox window space?

There is someone who is able to use the tpl from a custom module?

hi, popup video with colorbox and lightbox2 is good but when popup video we can't do anything except watching selected video. if we want watching video and making something else in site what can we do? at lynda.com there is a frame popup video and it doen not stop main site work. how can we do it with lightbox2 or colorbox or else frame popup modules?

Very nice solution will be using modules contextphp, delta + omega theme 3.x

Contextphp condirions code:
return $_GET['format'] == 'simple';

Here's another approach:

Create a bare-bones theme and use Themekey to use that plain theme for any pages you want to display in a Lightbox. This works for any kind of page, not just node pages.

Dear:
1.if i use www.google.com or www.yahoo.com， It can't show page in the frame.
But It can show other link in frame，where the google be blocked?
I can link to google by any browser normally.

2.i can find admin/settings/filters to disable the lightframe.
thx

3. the node/XXX will show the page(logo,menu... ) + node content
Can it show only the node content?

Dear：

IF I have a node/1，he has  <a href=" 3/lightbox2"...>  LINK to node3
1.when I in<front> page to see the node/1 show in the home artilc  list.
because, node/1 show pre text on the <front>,so I click the link ， it show  no page found to link to node/3.
but, i change  <a href="node/3/lightbox2"...> ，it's OK

2.IN http://127.0.0.1/sitex/node/1 article
when I click the  <a href=" 3/lightbox2"...>，it can link to node/3
but，when i change to   <a href="3/lightbox2"...>，the  no page found.

so，how to set the  <a href="XXX 3/lightbox2"...>  to find where the page  now，and add path to link to right direct.

You are right it is not transparent the new node template will always format the display of this node , but remember that you only need to do this ( create a new template ) in case you need to display the node without other regions like header,footer,sidebar ..etc , otherwise you do not need to create this special template.
http://www.babelsoftco.com