how to hide shipping detail when local pick is selected anden this plugin enable

If you’re using the linked tutorial, then you don’t need to change anything in the form_checkout.php file. You can add the snippet anywhere in your code, for example in the child theme’s functions.php file or by using a plugin like Code Snippets. With the snippet it should work automatically with the WooCommerce Multi-Step Checkout plugin.

If you insist on changing the form_checkout.php file, then you’ll need to change within the /wp-content/plugins/wp-multi-step-checkout/includes/form-checkout.php file. The plugin overwrites the original WooCommerce form_checkout.php file.

I didn’t mean to modify the form checkout. php
The form checkout.php im your plugin is different from original woocommerce checkout form. In the snippet .col-2 is shipping field. It is not work if I activate the multistep check out. here is some code from the snippet. I can replace .col-2 to .woocommerce-shipping-fields and that still work as the .col-2 hide the notes too.
jQuery(‘#customer_details .col-2’).fadeOut();
} else {
jQuery(‘#customer_details .col-2’).fadeIn();
}
});
so I need something to replce the .col-2 in the snippet as the. col-2 is not shipping field in your plugin form checkout.php
Thank you.

You can try replacing the ‘#customer_details .col-2’ with ‘.woocommerce-shipping-fields, .woocommerce-additional-fields’, like this:

if (val.match("^local_pickup")) {
     jQuery('.woocommerce-shipping-fields, .woocommerce-additional-fields').fadeOut();
 } else {
     jQuery('.woocommerce-shipping-fields, .woocommerce-additional-fields').fadeIn();
 }

Already try that but doesn’t work. Any other idea what to replace that field. Thank you.

And if you deactivate the multi-step checkout plugin the snippet works alright? Is the issue dependent on this multi-step checkout plugin?

yes. the snippet working if not using this multi step check out. so the problem is this plugin cause the snippet not working.

Try jQuery('#customer_details .col-2, .woocommerce-shipping-fields, .woocommerce-additional-fields') instead of jQuery('#customer_details .col-2'), but in all three places where it shows up, not only in two.

I did. I just post those 2 code for example. All 3 place are change to. but not work.

On my test site it works with the code above. Probably there is something else wrong. Maybe a link would be helpful.

https://myhomeshops.onlinewebshop.net
here is the link and user: testing pass:testing. Thank you.

use the front end to login. and after that click anywhere on the admin to the backend. /wp-admin link is not working somehow.

I don’t see any multi step checkout plugin installed on your website.

I did not activate it yet. It is been activated now. Please take a look again. Thank you.

You left out a comma after the “#customer_details .col-2”. Please copy/paste exactly the code I gave you.

It should be jQuery('#customer_details .col-2, .woocommerce-shipping-fields, .woocommerce-additional-fields') and not jQuery('#customer_details .col-2 .woocommerce-shipping-fields, .woocommerce-additional-fields'), as you have it now on the website.

It’s working now. thank you