Avisos
Vaciar todo

Campos del checkout de woocommerce  

 
César Manuel
 César Manuel
Usuario eminente

Hola, me gustaría saber si existe alguna manera, ya sea por código o por plugin, de poder ingresar los títulos de los campos a rellenar del checkout dentro de los propios campos a rellenar en pequeñito cuando se escriban, y en grande cuando no se escriba pero que sigan estando dentro de los campos a rellenar. Adjunto unas fotos de como están por defecto por woocommerce y cómo sería con el cambio

 

webempresa5
web empresa 4

Por favor, me sería de mucha ayuda, muchas gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 26/02/2021 9:29 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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 🙂

ResponderCitar
Respondido : 27/02/2021 12:22 am

wpdoctor-revisa-la-salud-de-tu-wordpress

César Manuel
 César Manuel
Usuario eminente

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

Web Empresa 5

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:

web empresa 6

 

Muchas gracias de nuevo, y un saludo.

ResponderCitar
Respondido : 27/02/2021 10:58 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 27/02/2021 1:30 pm

Cursos Gratuitos WordPress