Avisos
Vaciar todo

Campos del checkout de woocommerce

4 Respuestas
3 Usuarios
0 Reactions
16 Visitas
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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


 
Respondido : 26/02/2021 9:29 pm
Tags del tema
Bulmaro
Respuestas: 4369
Famed Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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 🙂


 
Respondido : 27/02/2021 12:22 am
Respuestas: 69
Trusted Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.


 
Respondido : 27/02/2021 10:58 am
Jhon
 Jhon
Respuestas: 44954
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

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.


 
Respondido : 27/02/2021 1:30 pm