Woocommerce custom function - Add to cart

Question

We had been using a custom function in our theme.

    add_shortcode('add_to_cart_button', 'add_to_cart_func');

    function add_to_cart_func($atts) {

      $str = '<span class="new_product_header"><span class="button single_add_to_cart_button" onclick="jQuery(\'.single_add_to_cart_button \').click()">ADD TO CART</span></span>';

      return $str;

    }

Worked fine until last WP update, now when you click the button, it does an infinite loop of adding the product to the cart over and over.

Any ideas on why the infinite loop or a way to stop it?

Answer 1

There is a unique thing in your code on line

$str = '<span class="new_product_header"><span class="button single_add_to_cart_button" onclick="jQuery(\'.single_add_to_cart_button \').click()">ADD TO CART</span></span>';

You have attached click event to span having class .single_add_to_cart_button and on click event your trying to run following code same element.

jQuery('.single_add_to_cart_button').click();

So basically when your event fire it keep firing event.

Just remove

onclick="jQuery(\'.single_add_to_cart_button \').click()"

And all will be fine.