- This topic has 9 replies, 5 voices, and was last updated 1 year, 5 months ago by Tom.
April 27, 2018 at 5:42 am #561733Ramandeep
How to place a loader on “Place Order” button. The loader is at the top of the page which doesn’t make sense. Any plugin to achieve this?GeneratePress 2.0.2GP Premium 1.6.2April 27, 2018 at 8:49 am #561894LeoStaffCustomer SupportApril 27, 2018 at 9:27 am #561946Ramandeep
Thanks for the reply Leo.
I was asking whether it is possible to inset loader inside the ” Place order” button.April 27, 2018 at 2:37 pm #562132LeoStaffCustomer SupportJuly 20, 2018 at 8:51 am #628448Arthur
@Leo The Place Order loader is on the top of the page, but that is not helpful for customers when the Place Order button is at the bottom of the page. There is no Visual Cue for the customer that the order is being processed.
The default WooCommerce setup is to have the loader in the center of the page with a transparent white overlay. Can you add that to your WooCommerce template/CSS? I think this would help with the UX.
DanJuly 20, 2018 at 9:33 am #628489LeoStaffCustomer Support
Ohh the spinner?
That’s a WooCommerce issue unfortunately. See this post for more info:
https://generatepress.com/forums/topic/woocommerce-checkout-spinner-2/July 20, 2018 at 9:52 am #628501Arthur
But the default WooCommerce setup does add a transparent white (maybe 70% opacity) overlay above the checkout section during processing. Is that something we would have to add back in as custom CSS, or can you add that to your theme/plugins Template/CSS files?July 20, 2018 at 8:24 pm #628858TomLead DeveloperLead Developer
I don’t believe GP actually moves the default spinner. Can you try it without any other plugins/WooCommerce modifications activated?May 25, 2020 at 8:50 am #1300769Deniz Akay
I’m glad that I’ve found this topic. Is it possible to use a loading “place order” button like this one: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loading_buttons
It’s necessary because of this problem with here: https://generatepress.com/forums/topic/woocommerce-checkout-spinner/May 25, 2020 at 3:36 pm #1301233TomLead DeveloperLead Developer
So you’re wanting to add an icon to your Place Order button? If so, this might help: https://stackoverflow.com/questions/56798521/add-a-spinner-to-add-to-basket-and-place-order-buttons-in-woocommerce
- You must be logged in to reply to this topic.