Installing Thickbox Directions

Mario had the following question:

Submitted by Mario (not verified) on 16 June, 2009.

Hello,

I have a need that perhaps you can point me in the right direction with...

I would like to implement something very similar to what’s out on www.target.com or www.gap.com.

When you click a button (quick view, quick info, etc..) you get a new window with product pics and info.

Here's the link:
http://www.target.com/Star-Wars-Clone-Favorite-Characters/b/ref=nav_t_sp...

(and click on "Quick Info" under any image)

Perhaps I can do this with a widget or something else but I’m not sure what kind of widget it would be.

If you could provide "ANY" useful information, it would be “GREATLY” appreciated.

Thank you in advance,

~Mario

Hi Mario,

thanx for your question.

For a popup like this you don't need ajax. As I saw on target.com when you click on "Quick info" then a popup box appears and loads inside an iframe.

Here is what you need to do:

Download and install on your website Thickbox. It's a jQuery plugin that you place on your website.

You can find instructions here http://jquery.com/demo/thickbox/

You for exaple want more information about a product or item, then you make an html, php or whatever file you use with the details or some more information about this item and then you place this inside Thickbox.

On the Thickbox plugin page are detailed information about "iFramed Content".

Use this for example:

<a class="thickbox" href="your-item-info.php?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank">More Info</a>

Hope it helped ! See ya :)