Change 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 MoreCompletely hide WooCommerce products from shop, product search and WordPress search
You can hide a WooCommerce product from the shop page and product search by choosing ‘Hidden’ in the ‘Catalog visibility’ options from the Publish metabox on a product page in the backend. This is good and it hides the product as advertised from the shop and product search results but the product is still visible…
Read MoreRemove add to cart button on WooCommerce products that belong to a certain category
Here is some code to allow you to hide the Add to Cart button on WooCommerce products that belong to a certain category, so if the product page is viewed by a customer they will be unable to add the product to a cart. The code needs to be add to your themes functions.php file.…
Read MoreDisable WooCommerce Payments credit card/debit card gateway on Checkout
To use Apple Pay as a payment gateway on WooCommerce, you’ll either need the older Stripe or newer WooCommerce Payments plugin the latter being more heavily promoted by Woo and WordPress. When using the WooCommerce Payments plugin which is powered by Stripe, as well as an Apple Pay payment gateway you also get a Stripe…
Read MoreSend Full Product Details over WooCommerce Webhook Action Hook
WooCommerce has a webhook feature that allows you to send product data to a webhook url when a certain product status is made. The configuration of the webhooks is at WooCommerce>Settings>Advanced>Webhooks The product states to choose from to fire the webhook are referred to as Topics and include states like Order Created, Order Updated and…
Read MoreRestrict WooCommerce Shipping Calculator to Specific Countries and States
Here is how you can restrict specific Countries and States in WooCommerce Shipping Calculator, so a user can only select from what is available. Countries The Countries field is handled inside WooCommerce General Settings. Change the ‘Selling Location’ to ‘Sell to specific countries then add the countries you want in the next field. States For…
Read MoreHow to make both City and Postcode fields required in WooCommerce Shipping Calculator
Both the City and Postcode/ZIP fields in the WooCommerce Shipping Calculator are not compulsory for the user to fill in, you may need them mandatory for a better user experience to calculate certain shipping conditions. Both the Suburb and Postcode fields are input fields inside a form which allows us to use the required attribute,…
Read MoreAdd WooCommerce Action Hook via Shortcode
Some WordPresss WooCommerce templates provided by themes or page builders may not include all the WooCommerce action hooks which may hinder your woo development as you add in more Woo featured, luckily it is possible to add in Woo hooks with shortcode. add_shortcode( ‘woohook’, function( $atts ) { $atts = shortcode_atts( array( ‘hook’ => ”,…
Read MoreFilter & Change WooCommerce ‘Place Order’ Text Button on Checkout Page
You can filter and change WooCommerce’s ‘Place Order’ Text Button on the Checkout Page using the filter woocommerce_order_button_html The default mark up of the Place Order checkout button is: <button type=”submit” class=”button alt” name=”woocommerce_checkout_place_order” id=”place_order” value=”Place order” data-value=”Place order”>Place order</button> You can use the filter like so: add_filter( ‘woocommerce_order_button_html’, ‘custom_order_button_html’); function custom_order_button_html( $button )…
Read MoreAdd a required checkbox field in WooCommerce checkout page
Here is how you can add a required checkbox field in the WooCommerce checkout page that forces a user to checkbox the request before they can proceed to payment, similar to the terms and condition checkbox. WooCommerce Form Field Add the code in your functions.php – the example uses the a new checkbox field named…
Read More