Installing Thickbox Directions

Mario asked if I could show him an example of a product popup box that he could implement on his site. One realy nice popup box you can use to show a more detailed photo of a product is Thickbox. Thickbox is a jQuery plugin with lots of features. It can show a photo, videos, and other content.

Mario’s 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://codylindley.com/thickbox/

You for example 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”.

Hope it helped ! See ya :)

Leave a Reply