X-Cart forums

[xcartukguy]

Hi,

I'm trying to redevelop a skin for a shop and I wanted to change the add to cart buttons.

My issue is regarding the ajax add to cart which now doesn't work even though I'm using the original code.

Does anyone know how to initiate the javascript via an onclick even on an input/a ?

Thanks

[totaltec]

In my experience, the button has to be inside <div class="details">
If you remove the button from this div it will cease to function

Its due to this line of ajax.add2cart.js:
// Get box
this.box = this.form.parents().filter('.details,.product-cell');

[xcartukguy]

is there a way to activate this via an onclick event instead?

[totaltec]

Your welcome.

Assuming your form is named orderform try this:
<a href="javascript:void(0);" onclick="!ajax.widgets.add2cart(orderform)">Add To Cart</a>

[xcartukguy]

Originally Posted by totaltec

Your welcome.

Assuming your form is named orderform try this:
<a href="javascript:void(0);" onclick="!ajax.widgets.add2cart(orderform)">Add To Cart</a>

That didn't work. my form is called orderform too.

[totaltec]

Well, here is a link to it working, perhaps you can inspect the source and see what is different. http://trainingpen.com/manufacturers_carousel/product.php?productid=17551 (Look right below the description)

If you provide a link to your page...

[xcartukguy]

Your site is still using that horrible <button><span><span> mess...
I'm trying to use an input or anchor for this.

All that should be required is the javascript that passes the information to the ajax cart and open up the popup box; surely that's a function somewhere?

[totaltec]

**Edited**
Yes, it is a function somewhere. In /common_files/js/ajax.add2cart.js on line 51:

PHP Code:

// Widget
ajax.widgets.add2cart = function(form) {
  if (!form || typeof(form.tagName) == 'undefined' || !form.tagName || form.tagName.toUpperCase() != 'FORM')
    return false;

  if (!form.add2cartWidget) {
    new ajax.widgets.add2cart.obj(form);
  }

  return form.add2cartWidget.add2cart();
} 


You can tell this by looking at the onclick in the example I gave you.

Now, in order to further demonstrate, I have updated (temporarily!) my test site to display exactly what you want in full working order. There is a simple link with onclick to add to cart. Works with Qty and options just fine. http://trainingpen.com/manufacturers_carousel/product.php?productid=17551

**Edited**

[xcartukguy]

Originally Posted by totaltec

Now, in order to further demonstrate, I have updated (temporarily!) my test site to display exactly what you want in full working order. There is a simple link with onclick to add to cart. Works with Qty and options just fine.

Thanks very much.
I have finally succeeded! I was missing a class which the javascript was looking for!

**Edited**

My next question is, how do I make the javascript reset...
the standard buttons go "Add to Cart" -> "Added" -> "Add More to Cart" I understand the button text is via smarty and javascript but I cannot reclick the link after I've clicked it once.

[Brett Forsyth]

I am having a similar issue. What class where you missing?