Cómo mostrar el ícono de carga en el botón Agregar al carrito en Woocommerce [closed]

Quiero mostrar un símbolo de carga en el botón Agregar al carrito cuando el usuario haga clic en él. Actualmente en mi sitio, cuando el usuario hace clic en el botón, no hace nada durante 2 a 4 segundos y muestra el botón Ver carrito.

Quiero mostrar algún ícono de carga o giro durante estos 4 segundos. ¿Es posible? alguien me puede guiar

Enlace: http://www.myeatable.com/cnc-ongole/

Tengo una mejor solución, no hay necesidad de agregar alguna imagen al botón.

WooCommerce proporciona una clase de ‘carga’. Simplemente agregue esta clase al botón Agregar al carrito y listo.

$( '.add_to_cart_button' ).on( 'click', function(){
   $(this).addClass('loading');
});

Y tan pronto como el producto se agregue al carrito, puede usar la función removeClass para eliminar el cargador como

 $(this).removeClass('loading');

Y para agregar un WooCommerce Loader a una sección en particular, puede usar estas funciones de WooCommerce

block( $( 'div.summary.entry-summary' ) );
unblock( $( 'div.summary.entry-summary' ) );

Estas dos funciones bloquean y desbloquean una sección en particular al pasar la identificación o clase específica.

var is_blocked = function( $node ) {
    return $node.is( '.processing' ) || $node.parents( '.processing' ).length;
};

var block = function( $node ) {
    if ( ! is_blocked( $node ) ) {
        $node.addClass( 'processing' ).block( {
            message: null,
            overlayCSS: {
                background: '#fff',
                opacity: 0.6
            }
        } );
    }
};

var unblock = function( $node ) {
    $node.removeClass( 'processing' ).unblock();
};

Para la imagen de carga en agregar al carrito, podría sugerir escribir un código en su js que se carga en esa página.

jQuery('a.add_to_cart_button').click(function(){jQuery(this).append('<img src="http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_3.gif" width="20px" height="20px"/>')});

El enlace a la imagen para cargar es, por ejemplo, puede reemplazarlo con el que desee.

Además, antes de aplicar el código en un archivo, intente agregarlo desde la consola del navegador.