Position WooCommerce Checkout Spinning Icon On Page
WooCommerce checkout page uses a spinning loader icon while the page goes through a series of ajax refreshes throughout the checkout process. The spinning icon is a visual clue to the user to wait until it stops spinning that the page is updated and ready for the next step, however some WordPress themes may not…
Read MoreChange WooCommerce Checkout Page To A 2-Column Layout
The default WooCommerce checkout page layout doesn’t make great use of a 2nd right hand column and looks a bit disjointed. Here is some CSS that can push the product order data to the 2nd column balancing the layout more evenly, making for a better user experience whilst checking out. The CSS kicks in at…
Read MoreChange the Additional Information Placeholder Text field in WooCommerce
You can change the WooCommerce Additional Information placeholder text field in the checkout page with the woocommerce_checkout_fields filter. Use it in your themes functions.php file like so… add_filter( ‘woocommerce_checkout_fields’ , ‘wpb_custom_additional_info’ ); // Change placeholder text in Additional Notes function wpb_custom_additional_info( $fields ) { $fields[‘order’][‘order_comments’][‘placeholder’] = ‘Add a Shipping address here if different from Billing…
Read MoreRemove the Additional Information and Order Notes fields in WooCommerce
You can remove the Additional Information and Order Notes fields in WooCommerce checkout page with 2 filters that you add to your themes functions.php file View the code on Gist. The first filter woocommerce_enable_order_notes_field is returning false and will not display the ‘Additional Information’ heading and also the order notes field, I have found it needs to…
Read MoreRemove Address Fields in WooCommerce Billing and Shipping in Form Checkout
WooCommerce has the ability to remove the address fields in the checkout form of the billing and shipping forms, this is great if you do not require the address fields as you may have a virtual/download only products that don’t require shipping, less fields to fill out = happy customers. You can remove address field…
Read MoreFilter WooCommerce Order Received Thank You Text
You can filter the text on a WooCommerce order received after checkout, by default the text reads ‘Thank you. Your order has been received’, but you may want to add some further instruction, which you can do using the filter woocommerce_thankyou_order_received_text View the code on Gist. Above the original text is being replaced. Or below the…
Read MoreRemove Password Strength Rules in WooCommerce Checkout
You can remove the password strength rules in WooCommerce checkout page when signing up for an account password, obviously this is less secure but may lessen cart abandonment by your customers – I have a few sites whereby this is a pain point for users. This snippet from @WPprodigy will take the strength-o-meter policy away…
Read More