Ocultar campos al seleccionar recogida local
-
Buenas noches, estoy tratando de ocultar los campos (de facturación) dirección, ciudad, estado y código postal cuando se selecciona la opción de envío «recogida local».
Utilicé el siguiente código y me funcionó pero se llevó consigo también los campos nombre, apellidos, país, teléfono y dirección de correo electrónico:
// Auto Show hide checkout shipping fields section based on chosen shipping methods add_action( 'wp_footer', 'custom_checkout_field_script' ); function custom_checkout_field_script() { // Only on checkout page if( is_checkout() && ! is_wc_endpoint_url() ): // HERE below define your local pickup shipping method $local_pickup = 'local_pickup:4'; // Jquery code start ?> <script> jQuery(function($){ var a = 'checked', b = 'input#ship-to-different-address-checkbox', c = 'input[name^="shipping_method"]', d = '<?php echo $local_pickup; ?>', e = c + ':' + a f = 'div.woocommerce-billing-fields,' + b; // 1. On load: when the chosen shipping method is our defined shipping method if( $(e).val() === d ) { // Hide shipping fields section $(f).hide(); } // 2. On shipping method "change" (Live event) $( 'form.checkout' ).on( 'change', c, function() { // When the chosen shipping method is our defined shipping method if( $(e).val() === d ) { // if the checkbox is checked, uncheck it first if ( $(b).prop(a) ) { $(b).click(); } // Hide shipping fields section $(f).hide(); } else if ( $(e).val() !== d ) { // show closed shipping fields section with (unchecked checkbox) $(f).show(); } }); }); </script> <?php endif; }
Me sería de mucha ayuda que me pudieran ayudar a perfeccionar el código para que se muestren únicamente los campos que quiero al seleccionar «recogida local».
Muchas gracias!
Saludos.
La página con la que necesito ayuda: [accede para ver el enlace]
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
- El debate ‘Ocultar campos al seleccionar recogida local’ está cerrado a nuevas respuestas.