WooCommerce tutorials with real world code examples, tips & tricks that allows you to learn WooCommerce faster.
In this post I’ll show you how to handle WooCommerce checkout page fields. The Checkout page is an eCommerce term that refers to pages shown to a customer during the step-by-step checkout process. Add Custom Shipping Field The ecommerce shipping is a service through which seller ships their products to buyers. A shipping form collects … Read moreWooCommerce Checkout Page Fields
Sometime you want to update checkout total based on a specific field. e.g WooCommerce update checkout total with postcode field. Enter the value in billing_postcode field and as you blur. The jQuery( ‘body’ ).trigger( ‘update_checkout’ ); will be triggered and the checkout total will be updated. Use the following code snippet within theme functions.php … Read moreWooCommerce Update Checkout Total with Postcode Field
Sometime you want to send additional WooCommerce email to certain address or to third party. To send such emails is not quite hard, if you know the right hooks. We need to hook our function when action is triggered and order is set to cancelled. We use hook woocommerce_order_status_processing_to_cancelled_notification It is triggered when order status … Read moreSend Additional WooCommerce Email
In this post I am going to show you how to display WooCommerce discount to customer for product on sale. Sometime when a product is on sale, you want to show total discount to customer on Cart & Checkout pages. Product Price or Regular Price or Retail Price all are the actual price of the … Read moreDisplay WooCommerce Discount to Customer for Product on Sale
WooCommerce shortcodes can be used to insert content inside posts and pages. Here are a list of the WooCommerce shortcodes with examples to use. [woocommerce_cart] – shows the cart page [woocommerce_checkout] – shows the checkout page [woocommerce_my_account] – shows the user account page [woocommerce_order_tracking] – shows the order tracking form [add_to_cart id=”99″ style=”border-right:1px solid #ccc”] … Read moreWooCommerce Shortcodes