I presume you're using xtypo to replace our standard button image with a styled-text link? The trick here is that the Add to Cart button code for items using Variants/Variations does not use a simple anchor <a> tag; instead, it uses an <input type="image"> tag as the submit button for the form.



HTML does not inherently provide a way to have a text link submit a form, so doing that requires the use of javascript; fortunately, the javascript you'd need for this is already built into our cart script and provided in the standard Add to Cart form code -- namely the onclick="javascript:return EJEJC_lc(this.parentNode);" attribute, which you'd use in an anchor tag like so:



<a href="#" onClick="javascript:return EJEJC_lc(this.parentNode);" alt="Add to Cart" class="ec_ejc_thkbx">Add to Cart</a>



That code would replace the <input class="ec_ejc_thkbx" onclick="javascript:return EJEJC_lc(this.parentNode);" type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" alt="Add to Cart" /> tag in your standard Add to Cart form code for this item.

Hm, that code works fine for me as-is, but I don't know what Joomla/xtypo may be doing with those {xtypo_button1} tags exactly -- you might try moving those inside the anchor tags, like so:



<a onclick="javascript:return EJEJC_lc(this.parentNode);" class="ec_ejc_thkbx" href="#">{xtypo_button1}Add to Cart{/xtypo_button1}</a>



The href="#" makes the anchor tag act like a link (e.g., so your CSS will style it like your other links, and the hand cursor will appear when hovering over it) without having it actually function as a link to another page (the # would normally be followed by an anchor name appearing elsewhere in the same page, to make a link that jumps to that point in the page), but you can try removing the href="#" to see if that helps your situation.

That page is missing your View Cart code, which loads our box.js javascript into your page; this is necessary to display our cart overlay "inside" your page, and that onClick= attribute in your Add to Cart form-submit link is calling a function of that box.js script.

First, your page is still missing the second half of your View Cart code, which loads our box.js script into your page to manage the overlay-style cart display as part of that page:



<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

// -->

</script>

<script src="http://www.e-junkie.com/ecom/box.js" type="text/javascript"></script>



Another problem may be that your {xtypo_button1} and <a> tags are improperly nested:

http://webtips.dan.info/nesting.html



I.e., you'd need to have either this:



<a onclick="javascript:return EJEJC_lc(this.parentNode);" class="ec_ejc_thkbx" href="#">{xtypo_button1}Add to Cart{/xtypo_button1}</a>



...or this:



{xtypo_button1}<a onclick="javascript:return EJEJC_lc(this.parentNode);" class="ec_ejc_thkbx" href="#">Add to Cart</a>{/xtypo_button1}