Modificar posición de los mensajes de error en formulario

  • Fernando Garcia Rebolledo

    (@fernandoaureonet)


    hace 6 años, 11 meses

    Hola a tod@s!
    A ver si alguien me puede ayudar, y se puede hacer de forma sencilla.
    Quiero que en el formulario para meter los datos de facturación los mensajes de error no aparezcan antes del formulario.
    Es decir, si a un cliente se le olvida poner un dato, no haga scroll hasta arriba y le indique los errores. Lo que me gustaría es poner el error en el propio campo.

    No se si habrá algún hook o algo con lo que pueda modificar la posición de esos mensajes.

    Muchas gracias por adelantado

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • oldlastman

    (@oldlastman)

    hace 6 años, 11 meses

    Buenas,
    si no me confundo mucho
    Woocommerce en su plantilla base colorea de rojo los campos que no se han completado correctamente , es cierto que arriba añade el nombre.. pero el color está presente.

    Se podría modificar estos colores para hacerlos mas evdentes atacando en css a estas clases
    .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select

    o si quieres entrar por los hooks específicos de Woocommerce (creo que no te ayudará en lo que dices..) puedes leer:
    Personalizar los campos de checkout

    Iniciador del debate Fernando Garcia Rebolledo

    (@fernandoaureonet)

    hace 6 años, 11 meses

    Hola!
    Sí, lo del tema de estilos lo tengo claro. Lo que quiero es que lo mensajes de error no aparezcan arriba, sino donde yo quiera: abajo del formulario o debajo de cada campo su error correspondiente.
    Los hooks de WooCommerce te permiten personalizar campos, añadir, quitar, etc. Pero no encuentro cómo poner los mensajes de error (tras validar el formulario) en la parte inferior.
    Como por ejemplo en esta imagen https://snag.gy/VnaYgL.jpg

    Moderador Fernando Tellado

    (@fernandot)

    hace 6 años, 11 meses

    Eso puedes hacerlo con este plugin (de pago) que te permite personalizar todos los mensajes de error (inline) en cada campo, por defecto o personalizados.

    https://yithemes.com/themes/plugins/yith-woocommerce-checkout-manager/

    Ejemplo:

    Iniciador del debate Fernando Garcia Rebolledo

    (@fernandoaureonet)

    hace 6 años, 11 meses

    Muchas gracias Fernando!!
    Lo probaré a ver qué tal

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Modificar posición de los mensajes de error en formulario’ está cerrado a nuevas respuestas.

Etiquetas