FROM CACHE - es_header

NECESITO QUE UN CAMPO DE TEXTO SEA OBLIGATORIO

victormanuelcb
Visitante
1 0 0

HOLA, DESEO SABER QUÉ HACER PARA QUE UN CAMPO DE TEXTO EN UN PRODUCTO CREADO EN UNA PLANTILLA ESPECIAL EN UN LIQUID PERSONALIZADO Y QUIERO QUE FUNCIONE. YA TENGO UN CÓDIGO APLICADO.

 

<style>
.text-area {
min-height: 1rem !important;
resize: none;
}
</style>
<label for="USERNAME" class="form__label">USERNAME</label>
<div class="field">
<input id="USERNAME" class="text-area field__input" placeholder="USERNAME" name="properties[USERNAME]"form="product-form-{{ section.id }}" required maxlength="31" style="padding-top: 2px !important;" size="20">
</div>

 

ALLÍ ENVÍO CÓMO LUCE EN LA PÁGINA

 

PERO EL PROBLEMA RADICA EN LO SIGUIENTE ....

 

DE FORMA OBLIGATORIA EL CLIENTE DEBE INGRESAR EL "USERNAME" SI NO LO INCLUYE NO DEBERÍA FUNCIONAR EL BOTÓN "COMPRAR AHORA" SINO SALIR UN  MENSAJE QUE DIGA "CAMPO OBLIGATORIO" O ALGO PARECIDO. EL PUNTO ES QUE  NO SE PUEDA CONTINUAR SIN ESE DATO OBLIGATORIO. CON EL CÓDIGO ACTUAL NO FUNCIONA YA QUE EL CLIENTE COMPRÓ SIN INGRESAR "EL USERNAME"01.jpg

 

02.jpg

 

2 RESPUESTAS 2
Javier
Shopify Staff
Shopify Staff
1581 464 207

Hola @victormanuelcb,

 

Gracias por ponerte en contacto y por compartir el código que estás usando. 

 

Solo para aclarar, modificaciones de código quedan fuera del alcance del soporte de Shopify. 

 

Si no te cuentas con tu propio desarrollador, tienes estas opciones para recibir una respuesta para tu duda:

 

 

Si eres un desarrollador mismo, otra cosa que puedes hacer es juntar a nuestro grupo de Discord para los desarrolladores de Shopify aquí y subir tu pregunta allá. 

 

Saludos, 

Javier | Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

Pedro_73
Shopify Partner
27 1 13

Seguramente sea porque el formulario tiene el atributo 'novalidate'. Se lo tienes que quitar o pasar a 'validate'.

 

Capture d’écran 2023-07-10 à 10.59.44.png

Saludos