WooCommerce is extremely friendly for developers because it has a ton of actions and filters - called hooks. We use them often when we develop WooCommerce plugins and tweak our cart page, here at WP Desk. No matter if you are a beginner or advanced WooCommerce developer, we created this visual guide to help you find just the WooCommerce cart page hooks you're looking for. Let's begin!
Contents
- WooCommerce Cart Hooks
- WooCommerce Empty Cart Hook
- WooCommerce Cart Page Hooks 🪝- The Complete List
- Remove the default actions on the cart page
- Add custom sections to the cart page
- WooCommerce Checkout Editor FREE Plugin to customize the checkout form
- Summary
- WooCommerce Checkout Page Hooks - A Visual Guide with Examples
- WooCommerce Checkout - Settings, Shortcode & Configuration Guide
- How to change the WooCommerce shop page (options & customization)
- WooCommerce Checkout Page: settings, missing options & errors
- WooCommerce shortcodes & blocks - the complete list with examples
WooCommerce Cart Hooks
👀 Let's see all hooks available for the WooCommerce cart page. This guide is based on the official WooCommerce theme Storefront.
WooCommerce Empty Cart Hook
There is also 1 hook on the empty cart page:
You can use this hook, for example, to let your customers go to some specific categories, products, or homepage.
WooCommerce Cart Page Hooks 🪝- The Complete List
woocommerce_before_cartwoocommerce_before_cart_tablewoocommerce_before_cart_contentswoocommerce_cart_contentswoocommerce_cart_couponwoocommerce_cart_actionswoocommerce_after_cart_contentswoocommerce_after_cart_tablewoocommerce_cart_collateralswoocommerce_before_cart_totalswoocommerce_cart_totals_before_shippingwoocommerce_after_shipping_ratewoocommerce_before_shipping_calculatorwoocommerce_after_shipping_calculatorwoocommerce_cart_totals_after_shippingwoocommerce_cart_totals_before_order_totalwoocommerce_cart_totals_after_order_totalwoocommerce_proceed_to_checkoutwoocommerce_after_cart_totalswoocommerce_after_cartwoocommerce_cart_is_empty
Cart filters for products (only for classic cart)
There are also additional filters for WooCommerce classic cart to customize the product listing.
- woocommerce_cart_item_name
- woocommerce_cart_item_price
- woocommerce_cart_item_quantity
- woocommerce_cart_item_subtotal
WooCommerce cart page hooks - how to use them?
- Prepare custom code (or a plugin)
- Use a staging/ testing site before using the code live
- Add the custom code can be added to the theme's functions.php file
- Refresh the cart page (with products)
- Test and optimize the code
Remove the default actions on the cart page
By default only some of the hooks are used by WooCommerce to add:
- cross-sells next to cart totals (
woocommerce_cross_sell_display) - cart totals next to cross-sells (
woocommerce_cart_totals) - proceed to checkout button under cart totals (
woocommerce_button_proceed_to_checkout)
You can easily remove these functions by pasting the following code to the functions.php file in your theme or preferably child theme.
Add custom sections to the cart page
The following easy example shows how to add "free shipping" text above the cart table like this:
WooCommerce Checkout Editor FREE Plugin to customize the checkout form
We have developed a plugin that will help you in editing the WooCommerce checkout form.
Flexible Checkout Fields WooCommerce
Edit, add new or hide unnecessary fields from the WooCommerce checkout form. Add pricing to fields and use conditional logic. It's all about conversions and better user experience. NEW: now you can set multiple conditions (OR) under one or more condition groups (AND).
💾 Active Installations: 80,000+ | WordPress Rating:
Summary
Today, I've shown you the list of WooCommerce cart hooks and how to use them to customize the cart page. Enhancing the WooCommerce cart page with actions and filters may improve appearance (CSS styling, new labels), or add new functionalities.
If you have any questions, let me know in the comment section below!
This guide is very useful and applicable when making WooCommerce stores. Thanks for sharing!
Thank you Saud. Glad you liked it!
thank you, I have been looking for it for a long time, salvation for devs !
Great. Happy I could help :)
woocommerce cart page shipping calculator i click but not open this section how to solve it.plz help me!
In the Calculate Shipping options on the Cart page, I want to just have the country. I want to remove state/county/city/zip/postcode I can remove the city and the zip/postcode with snippets like this – but I can’t figure out how to remove County/State add_filter( ‘woocommerce_shipping_calculator_enable_city’, ‘__return_false’ ); Do you know what the filter is?