Loading Spinner Add to Cart single Product

  • Mohammad Ridwanullah

    (@readonecc)


    7 years, 9 months ago

    Why that is no spinner when we click add to cart in single product?
    The page look like being stuck and not responding after clicking add to cart in single product page until the popup loaded, ADD TO CART button still clickable, so the costumer might add the product much more accidently because they are thingking that the page has going not responding and need to click add to cart once more,
    so:

    1. Can you add loading spinner after clicking add to cart in single product page?

    or

    2. Can you make the ADD TO CART button UNCLICKABLE after being clicked and waiting for the popup to be loaded?

    https://wordpress.org/plugins/yith-woocommerce-added-to-cart-popup/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author YITHEMES

    (@yithemes)

    7 years, 9 months ago

    Hi,
    with this version of the plugin is not possible to make the popup appears for “add to cart” in single product page. It works only on shop and categories page.
    This process is handle all by woocommerce. Anyway you can try to add this js for make button disabled during “add to cart” process

    jQuery( document.body ).on( 'adding_to_cart', function( ev, button, data ){
button.attr("disabled", disable);
} );
jQuery( document.body ).on( 'added_to_cart', function( ev, fragments, cart_hash, button ){
button.removeAttr("disabled");
} );

    Hope this work, let me know.
    Regards

    Thread Starter Mohammad Ridwanullah

    (@readonecc)

    7 years, 8 months ago

    where to add the code?

    Thread Starter Mohammad Ridwanullah

    (@readonecc)

    7 years, 8 months ago

    Already tried, but no luck… the pop don’t show even in category page, the page always reloaded when clicking add to cart after adding the code.
    Better you add a spinner when the popup is being loaded.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Loading Spinner Add to Cart single Product’ is closed to new replies.