WooCommerce : Hide shipping calculator depending on selected shipping method

chef_carol

I'm trying to hide the shipping calculator on my cart page (using jQuery) depending on which shipping method is selected, first on page load, and then when a user selects another method or updates the cart, that would enable / disable new shipping methods but I can't seem to make it work. My Javascript / jQuery is pretty rusty so I don't know what I'm doing wrong. The code bellow is what I've tried so far. It does work like I want on page load...

Originally asked by Alexis Gautier on Stack Exchange (stackoverflow) (CC BY-SA 4.0).

uphilltech

Great question — answering as the UphillTech team:

thanks a lot for your explanation and code. It almost works perfectly except when I try to update my cart. If I have a cart worth enough to trigger free shipping (over 150€) and then I remove a product to have a cart bellow 150€ and click "update cart", then regular shipping methods will show but the shipping calculator won't be displayed again. To have it showing again I'll have to click on one of the shipping methods' radio button. I've tried to tweek the code you gave me doing something like that but couldn't make it work :/ jQuery(document).ready(function($) { if(jQuery("*[id*=free_shipping]").is(':checked') || jQuery("*[id*=free_shipping]").is(':hidden') ){...

Full answer by Alexis Gautier: https://stackoverflow.stackexchange.com/a/64042024 (CC BY-SA 4.0).

Need it done for your business? UphillTech.