Este fragmento podría ser muy útil por varias razones. Cuando necesite personalizar avanzado de la caja y sus campos, espero que me lo agradezcan, entonces
En el fragmento de hoy, agregaremos una nueva casilla de verificación y otro nuevo campo «oculto»; entonces, si la casilla de verificación se tictac, el campo se mostrará, de lo contrario desaparecerá nuevamente.
Php Snippet: Agregue una casilla de verificación para ocultar/mostrar un campo de verificación personalizado
/** n*@snippet Add a Checkbox to Hide/Show Checkout Field - WooCommerce n*@how-to https://tdestudiodesign.com/tutoriales n*@author Tomás Lucas D´Amario, TD Estudio Design n*@compatible WC 4.1 n*@community https://tdestudiodesign.com/club */ add_filter( 'woocommerce_checkout_fields' , 'tddesign_display_checkbox_and_new_checkout_field' ); function tddesign_display_checkbox_and_new_checkout_field( $fields ) { $fields['billing']['checkbox_trigger'] = array( 'type' => 'checkbox', 'label' => __('Checkbox label', 'woocommerce'), 'class' => array('form-row-wide'), 'clear' => true ); $fields['billing']['new_billing_field'] = array( 'label' => __('New Billing Field Label', 'woocommerce'), 'placeholder' => _x('New Billing Field Placeholder', 'placeholder', 'woocommerce'), 'class' => array('form-row-wide'), 'clear' => true ); return $fields; } add_action( 'woocommerce_after_checkout_form', 'tddesign_conditionally_hide_show_new_field', 9999 ); function tddesign_conditionally_hide_show_new_field() { wc_enqueue_js( " jQuery('input#checkbox_trigger').change(function(){ if (! this.checked) { // HIDE IF NOT CHECKED jQuery('#new_billing_field_field').fadeOut(); jQuery('#new_billing_field_field input').val(''); } else { // SHOW IF CHECKED jQuery('#new_billing_field_field').fadeIn(); } }).change(); "); }
