---- dataentry ---- type : integration # do not change this line systems : FoxyCart # the system(s) that the integration is for, separated with commas if more than one name : shadowbox_cart # the name of the integration description : Uses Michael J. I. Jackson's Shadowbox cross-browser, cross-platform javascript media viewer / modal window script to display the FoxyCart cart. tags_tags : cart # tags, separated by commas. don't include the "system" here. date_dt : 2008-03-19 # the date in YYYY-MM-DD format version : 0.1 # if you have a version for your code, enter it here developer_url : http://www.themancan.com/ # if you'd like a link back to your site, stick it here ---- ====== shadowbox ====== ===== Description ===== Uses [[http://mjijackson.com/shadowbox/|Shadowbox]] to display the FoxyCart cart, rather than the default modified Thickbox. [[http://mjijackson.com/shadowbox/|Shadowbox]] is pretty slick, and can be used instead of the default Thickbox based FoxyBox quite easily. **PLEASE DON'T USE THIS** unless you have a decent handle on javascript and are willing to try something that's currently unsupported and feature incomplete. **It DOES NOT WORK WITH FORMS**, only links at this point. ===== Installation ===== **NOTE:** Below describes how to apply Shadowbox for **LINKS but not forms**. - First, make sure you remove any ''foxybox.css'' or ''theme.foxybox.css'' files you might have called in your '''' section. - Download Shadowbox: http://mjijackson.com/shadowbox/. Stick it somewhere on your server that makes sense, like ''/assets/js/shadowbox/'' - Add the necessary Shadowbox file calls to your '''' section, probably something like this:

- Next let's add a script tag to the '''' section, below your ''foxycart_includes.js'' call. Make sure you read the comments so you know what's going on:

- If you're in the habit of assigning astronomical ''z-index'' values, you may want to throw in an override after that: - Test. If the loading image isn't showing up, you'll need to [[http://mjijackson.com/shadowbox/doc/usage.html|add an option]] to the ''init()'', something like this:


  var options = {
      loadingImage:     '/path/to/your/shadowbox/images/loading.gif'
  };
  Shadowbox.init(options);

===== Requirements ===== * A decent handle on javascript, as this isn't feature complete at this point. * Patience, as Shadowbox can be temperemental to get set up properly. ===== Code ===== See the "Installation" section above.