Convertir el campo de código postal de WooCommerce en un select o lista deplegable

Convertir el campo de código postal de WooCommerce en un select o lista deplegable

Nos ponemos en situación mostrando el campo de «Código postal» que se muestra en el formulario de «Detalles de facturación» en la página de «Finalizar Compra» (checkout) de Woocommerce.

WooCommerce - Cambiar campo código postal por lista desplegable

Como podemos ver, es un campo en el que el cliente introduce un código postal. Éste código postal se verifica y es obligatorio.

Cabe la posibilidad de que esto no nos sirva en nuestro negocio local porque queremos que sólo se pueda comprar si el código postal coincide con uno o unos cuantos que nosotros queremos únicamente.

Esto puede ser debido, como digo, a que nuestro negocio esté enfocado localmente y solo realicemos envíos a sitios cercanos.

Aunque no es la mejor solución es totalmente válida para ciertos negocios por lo que vamos a convertir este campo del formulario en un campo tipo «select» para que el cliente tenga que seleccionar una de las opciones obligatoriamente y no puede poner cualquiera.

En el código he añadido una opción para que no se realice la validación del código postal puesto que he realizado varias pruebas y no me ha funcionado correctamente y puesto que los únicos códigos postales válidos son los que indicamos nosotros, aquí no debería de existir ningún problema.

Si nos fijamos, los códigos postales permitidos están dentro de un array donde podemos añadir todos los que necesitemos.

Por ejemplo:

'option_1' => '01470',
'option_2' => '01473',
'option_3' => '01476',
'option_4' => '01479',
'option_5' => '01581',
'option_6' => '01483',
'option_7' => '01484',
'option_8' => '01485',

Una vez hecho esto, el aspecto de nuestro campo de fomulario será similar a este:

WooCommerce - Cambiar campo código postal por lista desplegable

Para terminar, habría que adaptar un poco el css para que los estilos concuerden con el resto del formulario.

Sin más, espero que os sea de utilizad.

Y ya sabéis, cualquier cosa, dejáis un comentario y lo vemos.

Saludos y mucho ánimo!!

Ir al contenido