[jcdevParticipant]

As topic title, I would like to show a loading spinner when checkout is being processed (after user press the Place Order button). The page does become blur and customers cannot change their input but without a spinner they might close the browser or press the refresh or back button before the checkout process completes.

How do I archive this?

[Paul RModerator]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

[jcdevParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[jcdevParticipant]

It looks like there is a similar topic here but I don’t know the class name of the checkout process:

https://community.theme.co/forums/topic/woocommerce-loading-wheel-missing/

Can you please have a look?

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.checkout.woocommerce-checkout.processing {
    background-image:url('//dev.japan-codes.com/wp-content/plugins/woocommerce/assets/images/select2-spinner.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

It displays small image, if you want you can replace it with another image.

Hope that helps.

[jcdevParticipant]

Thank you!

[ChristopherModerator]

You are welcome.

[Author]

Posts