The ninja shadowbox (or lightbox) is a great extension to open images in a lightbox on your website. The ninja can be used to open iframed webpages as well. It is pretty easy to open merchant links in a lightbox on your site instead of clicking away from your site.

First install the ninja extension, in the module settings ensure the 'iframe' option is enabled.

Now you need to create a customized module or component layout

Simply add rel="shadowbox" or rel="shadowbox[list]" to the external links.

demo with a preview gallery in the component

Example code:

 

 

{include_code_listing /var/www/www.affiliatefeeds.nl/images/code/ninja_list-3074.txt}

 

The dynamic ajax tmpl of de module will not work correctly in combination with the ninja toolbox:

  • somehow JQuery conflict, try dojo.
  • If you apply the shadowox to the component, dynamically fetched pages will not shadow