Puede ser consciente de que la sección de «revisión de pedido» de la página de pago de WooCommerce recarga/actualiza cada vez que hay un cambio de dirección, de esta manera, el envío, los impuestos y las tarifas opcionales se recalculan correctamente y los clientes se devuelven con el total correcto.

Pero en caso de que tu Agregar campos de pago personalizados Eso puede causar una diferencia en el precio, o desea mantener el checkout UX consistente, o tiene otros tipos de lógica, puede ser útil actualizar la sección de revisión del pedido después de un cambio en cualquier campo de pago. ¡Disfrutar!

¡Con el fragmento a continuación, incluso puedo dejar que First and Sell Name Fields actualice la revisión de la orden de pago de WooCommerce! Puede agregar tantos campos como desee, incluidos campos de facturación / envío / cuenta / pedido personalizados.

Php Snippet: deje que cada campos de formulario de facturación / envío / cuenta / pedido actualice la revisión del pedido de pago de WooCommerce

/**  n*@snippet       Refresh Checkout Upon Input Field Change  n*@how-to        https://tdestudiodesign.com/tutoriales  n*@author        Tomás Lucas D´Amario, TD Estudio Design  n*@compatible    WooCommerce 7  n*@community     https://tdestudiodesign.com/club */add_filter( 'woocommerce_checkout_fields', 'tddesign_checkout_fields_trigger_refresh', 9999 ); function tddesign_checkout_fields_trigger_refresh( $fields ) {   $fields['billing']['billing_company']['class'][] = 'update_totals_on_change';      // ADD AS MANY FIELDS AS YOU LIKE, SAME FORMAT, SEE LIST BELOW   // E.G. $fields['account']['account_password']['class'][] = 'update_totals_on_change';   return $fields;}

Campos de facturación

  • billing_first_name
  • billing_last_name
  • billing_company
  • billing_address_1
  • billing_address_2
  • billing_city
  • billing_postcode
  • billing_country
  • billing_state
  • billing_email
  • billing_phone
  • … cualquier identificación de campo de facturación personalizada

Campos de envío

  • envío_first_name
  • envío_last_name
  • shipping_company
  • shipping_address_1
  • shipping_address_2
  • shipping_city
  • envío_postcode
  • shipping_country
  • shipping_state
  • … cualquier ID de campo de envío personalizado

Campos de cuentas

  • Cuenta_Username
  • cuenta_password
  • cuenta_password-2
  • … cualquier ID de campo de cuenta personalizada

Campos de pedido

  • Order_comments
  • … cualquier ID de campo de pedido personalizado

¿Dónde agregar código personalizado?

Debes colocar PHP personalizado en funciones.php y CSS personalizado en style.css del tema de su hijo: ¿Dónde colocar la personalización de WooCommerce?

Este código todavía funciona, a menos que informe lo contrario. Para excluir los conflictos, cambie temporalmente al tema de la tienda, deshabilite todos los complementos, excepto WooCommerce, y pruebe el fragmento nuevamente: Solución de problemas de WooCommerce 101

Contenido relacionado

Tomás Lucas D´Amario

Programador y Desarrollador

Experto en WooCommerce y WordPress. Trabajando como un profesional independiente de WooCommerce desde 2016. Su objetivo es ayudar a los empresarios y desarrolladores a superar sus pesadillas de WooCommerce. Sigueme o contactame por Linkedin