Campos del checkout de woocommerce  

Hola, 

Prueba agregando lo siguiente creando un nuevo fragmento de código a través del plugin de Code Snippets:

add_filter('woocommerce_checkout_fields', 'custom_override_checkout_fields');
function custom_override_checkout_fields($fields)
{
unset($fields['billing']['billing_address_2']);
$fields['billing']['billing_address_1']['label'] = '';
$fields['billing']['billing_address_1']['placeholder'] = 'Dirección';

$fields['billing']['billing_state']['label'] = 'Estado';

$fields['billing']['billing_phone']['label'] = '';

$fields['billing']['billing_phone']['placeholder'] = 'Teléfono';

$fields['billing']['billing_email']['label'] = '';

$fields['billing']['billing_email']['placeholder'] = 'Correo Electrónico';

$fields['billing']['billing_company']['placeholder'] = 'Empresa/negocio';
$fields['billing']['billing_company']['label'] = '';
$fields['billing']['billing_first_name']['label'] = ''; 
$fields['billing']['billing_first_name']['placeholder'] = 'Nombre'; 
$fields['shipping']['shipping_first_name']['placeholder'] = '';
$fields['shipping']['shipping_last_name']['placeholder'] = 'Apellidos';

$fields['shipping']['shipping_last_name']['label'] = '';

$fields['shipping']['shipping_company']['placeholder'] = 'Compañía'; 
$fields['billing']['billing_last_name']['label'] = '';

$fields['billing']['billing_last_name']['placeholder'] = 'Apellidos';

$fields['billing']['billing_email']['placeholder'] = 'Email';
$fields['billing']['billing_phone']['placeholder'] = 'Teléfono ';

$fields['billing']['billing_city']['placeholder'] = 'Localidad / Ciudad ';
$fields['billing']['billing_city']['label'] = '';
$fields['billing']['billing_postcode']['placeholder'] = 'Código Postal ';
$fields['billing']['billing_postcode']['label'] = '';
$fields['order']['order_comments']['placeholder'] = 'Notas del pedido (opcional)';

$fields['order']['order_comments']['label'] = '';

return $fields;

}

Saludos 🙂

Hola @bulmaro-webempresa, realmente maravilloso!!!! Ha quedado muy muy bien!!! Muchísimas gracias!! te adjunto una foto:

Por otra parte, ya solo por curisodidad, habría alguna manera de que los titulos cuando se rellene el campo puedan ponerse en pequeñito por encima de los escrito? O algún tipo de tutorial o curso que déis para aprender a hacerlo?Te adjunto una foto de como quedaría:

Muchas gracias de nuevo, y un saludo.

Hola

Esto último que comentas lo tienes más complicado, incluso se tiene que cambiar la estructura de los inputs posiblemente.

Revisa la siguiente referencia:
https://stackoverflow.com/questions/35942247/how-to-move-placeholder-to-top-on-focus-and-while-typing

https://jsfiddle.net/273ntk5s/2/

Saludos.