WooCommerce Add to Cart "loading" sequence on another element.

Guys, it’s been 3 days now, no one? Really? I’m told you’re the best, that’s why I bought this theme for the support. So far my questions always got a “please hire a freelance” standard reply. Come on!

For this question, surely you’ll have the answer, since I’ve checked with your files, and the loading sequence is in fact from Enfold, I just can’t get it to work with my custom button since I don’t know where to hook it at.

This is from Enfold’s woocommerce-mod.js

function product_add_to_cart_click()
{
	var jbody 		= jQuery('body'),
		catalogue 	= jQuery('.av-catalogue-item'),
		loader		= false;
		
	if(catalogue.length) loader	= jQuery.avia_utilities.loading(); 

	jbody.on('click', '.add_to_cart_button', function(e)
	{
		var button = jQuery(this);
		button.parents('.product:eq(0)').addClass('adding-to-cart-loading').removeClass('added-to-cart-check');
		
		if(button.is('.av-catalogue-item'))
		{
			loader.show();
		}
		
		var $html = jQuery('html');
		if( ! $html.hasClass( 'html_visible_cart' ) )
		{
			$html.addClass('html_visible_cart');
		}
		
		//e.preventDefault();
	});
	
	jbody.on( 'added_to_cart', function()
	{
		jQuery('.adding-to-cart-loading').removeClass('adding-to-cart-loading').addClass('added-to-cart-check');
		
		if(loader !== false)
		{
			loader.hide();
		}
	});
	
}

I have tried adding my button class into that function, but still no loading sequence.

Any help is appreciated.

Thanks.

I’m not asking for customization or modification of the theme, I’m doing the modification myself. What I’m asking is how to hook on that function of yours (which I already point out at my previous post) to another element, in this case, a button.

Thanks.