---- 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 ====== //**Please note:**// The code on this page is submitted by members of the FoxyCart community, and may not verified by FoxyCart.com LLC in any way, shape, or form. Please double check the code before installing. If you need help with it please [[http://forum.foxycart.com/|post in our forum]], but if we cannot offer assistance (due to unfamiliarity with this particular system or language) we apologize in advance. ===== 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:** (as of April 6, 2013, mjijackson.com/shadowbox redirects to github). 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.