Black Friday & Cyber Monday SUPER SALE ALL WEEK:
Grab 40% OFF on plugins

How to Hide Shipping Calculator Fields in the WooCommerce Cart Page?

Removing unwanted elements from your Cart & Checkout page is essential for any online store aiming to provide a smooth shopping experience. By eliminating unnecessary clutter and distractions, you set up your store for a higher conversion rate.

One such element in WooCommerce could be the shipping calculator fields on the Cart page. This post guides you on how to hide the shipping calculator fields on the WooCommerce cart page.

Where to Add Custom Code in WooCommerce

It is advisable to add the code snippets to the functions.php file of your child theme. Access the file directly from Appearance->Theme File Editor->Locating the child theme’s functions.php from the right sidebar. You can also access it from your theme’s directory file. Insert the following code snippet in functions.php. The alternative & easy option is to install & activate the Code Snippets plugin. You can then add the code as a new snippet via the plugin.

Solution: Hiding the Shipping Calculator Fields on the WooCommerce Cart Page

Below is the code snippet to hide the shipping calculator fields like country, state, and postcode on the cart page in WooCommerce.

// 1 Disable Country
// 2 Disable State
add_filter( 'woocommerce_shipping_calculator_enable_state', '__return_false' );
// 3 Disable City
add_filter( 'woocommerce_shipping_calculator_enable_city', '__return_false' );
// 4 Disable Postcode
add_filter( 'woocommerce_shipping_calculator_enable_postcode', '__return_false' );


The shipping calculator fields are hidden on the WooCommerce cart page, as shown below.

How to Hide Shipping Calculator Fields in the WooCommerce Cart Page? - Tyche Softwares

Code Explanation:

The above code snippet is used to control the visibility of the shipping calculator on the cart page.

Let’s break down the code step by step:

Each add_filter line targets a specific component of the shipping calculator interface and disables it by returning false.


This tiny code snippet thus hides the WooCommerce shipping calculator fields on the cart page & reduces the number of visible fields.

Please share your feedback about how helpful the code was or if you have any other questions in the comments section.

Browse more in: Code Snippets, WooCommerce How Tos, WooCommerce Tutorials

Share It:

Notify of
Inline Feedbacks
View all comments
3 months ago

hi this is not working what to do

3 months ago
Reply to  plantstore


The code has been tested & it works well in the updated WooCommerce version(8.5.1). Please try switching to a default WordPress theme and deactivating other plugins to check if there is a theme/plugin conflict. The other alternative option, I would suggest is to hide the shipping fields using the default option provided by WooCommerce. Disable the option ‘Enable the shipping calculator on the cart page’ as shown in this image-

Would love your thoughts, please comment.x